Bootstrap 5 Текст навигации

Текст на панели навигации используется для размещения текста на панели навигации. Для этого Bootstrap 5 предоставляет функции Bootstrap 5 Navbar Text. Создание навигационной панели очевидно, когда мы создаем веб-сайт, и размещение текста на навигационной панели необходимо, чтобы направлять посетителей в нужное место.

Класс текста панели навигации:

• navbar-text: этот класс используется для размещения текстового содержимого на панели навигации.

Синтаксис:

<nav class="navbar....">
  <div class="...">
    <span class="navbar-text">
      ....
    </span>
  </div>
</nav>

Примечание. Использование класса панели навигации является обязательным для создания панели навигации.

Ниже пример иллюстрирует текст панели навигации Bootstrap 5:

Пример 1: В этом примере мы поместим текст на панель навигации и будем использовать цвет фона для панели навигации, чтобы мы могли различать фон страницы и фон панели навигации.

Выход:

Пример 2. В этом примере мы будем использовать класс navbar-light с текстом навигационной панели, как это и должно быть в реальной разработке.

Выход:

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