Bootstrap предложил заменить класс "navbar-header" новым компонентом "navbar-brand". Изначально, в версии Bootstrap 3 класс "navbar-header" использовался для создания логотипа или названия сайта в навигационном баре. Однако, в новой версии Bootstrap 4, данный класс был устаревшим и был заменен на компонент "navbar-brand".
Компонент "navbar-brand" позволяет вставить маркер для вашего сайта в навигационный бар. Он может быть представлен в виде логотипа, названия сайта или другого символа, который вы хотите использовать для представления вашего бренда.
В отличие от класса "navbar-header", которому требуется внутренний контейнер для логотипа или названия сайта, компонент "navbar-brand" просто представляет собой ссылку (тег <a>) с классом "navbar-brand". В ссылке вы можете использовать изображение (например, <img>) или текст, чтобы создать ваш логотип или название сайта.
Пример использования компонента "navbar-brand":
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">
<img src="logo.png" alt="Логотип">
</a>
</nav>
В данном примере, ссылка <a> с классом "navbar-brand" содержит изображение "logo.png", которое представляет логотип сайта. Вы можете изменить содержимое ссылки в зависимости от ваших потребностей, вставив изображение или текст.
Итак, Bootstrap предложил заменить устаревший класс "navbar-header" на новый компонент "navbar-brand" для создания логотипа или названия сайта в навигационном баре. Компонент "navbar-brand" представляет собой ссылку, в которую вы можете вставить изображение или текст для представления вашего бренда. Это удобное и простое решение для создания собственного логотипа или названия сайта в навигационном баре с использованием Bootstrap.