Bootstrap 4, плавная прокрутка к якорю

У сайтов на Bootstrap 4 плавная прокрутка к якорю делается очень просто

Добавьте стиль

<code>html {scroll-behavior: smooth;}</code>

В меню навигации ссылки прописывать типа так

<code><a class="nav-link" href="#div1">Div 1 </a></code>

а якорь прописывать типа так

<code><div id="div1">TEST 1</div></code>

В принципе этого достаточно, чтобы появилось скольжение при переходе по якорям в Bootstrap 4. Можно еще в стилях задать разные настройки, типа отступа от верха страницы и т.п. вот тут подробнее расписано https://jsfiddle.net/mzjan/set7aLnp/