Bootstrap 5 Navbar Nav

Опубликовано: 17 Февраля, 2023

Bootstrap 5 Navbar Nav используется для создания навигационной панели в соответствии с нашими собственными потребностями, например, навигационные ссылки на навигационной панели строятся на параметрах .nav со своим собственным классом модификатора. Это требует использования классов переключателей для правильного адаптивного стиля.

Класс Bootstrap 5 Navbar Nav: для этого нет специального класса, нам просто нужно использовать классы переключателей для адаптивного стиля.

Синтаксис:

<nav class="navbar navbar-dark bg-dark">
        <div>
            <a class="navbar-brand" href="#">...</a>
            <button class="navbar-toggler" ...>
                <span class="navbar-toggler-icon"></span>
            </button>
            ...
</nav>

Пример 1: В этом примере мы увидим эффект навигации на темной панели навигации.

Выход:

Пример 2: В этом примере мы увидим эффект навигации на яркой панели навигации.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/components/navbar/#nav