Bootstrap 5 Формы панели навигации

Формы панели навигации Bootstrap 5 используются для создания таких компонентов, как панель поиска или вход в систему на панели навигации.

Bootstrap 5 Классы форм панели навигации: в формах панели навигации не используются специальные классы. Вы можете настроить форму, используя классы Navbar и Form.

Синтаксис:

<nav class="navbar">
    <form>
      <input class="form-control" type="..." >
      <button class="btn" type="...">...</button>
    </form>
</nav>

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

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

Выход:

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

Выход:

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