Я использовал класс .navbar-header Bootstrap для своих навигационных баров довольно долго, но никогда не беспокоился о том, почему. Я искал в Интернете, почему мы его используем, но не нашел никаких объяснений. Может кто-нибудь объяснить, в чем цель?
<nav class="navbar navbar-inverse ">
<div class="container-fluid">
<div class="navbar-header">
<a href="#" class="navbar-brand">
Website Name
</a>
</div>
</div>
</nav>
Навигационный заголовок в основном представляет собой архитектурный класс для навигационной панели Bootstrap. Он размещает примерно 150 пикселей слева от навигационной панели, чтобы обернуть марку navbar и позволить фирменному наименованию или логотипу использовать всю область при щелчке или зависании. Но самым полезным свойством навигационного заголовка является его отзывчивость к 100% ширине и после 768 пикселей (представление планшета). Это позволяет бренду быть сосредоточенным в верхней части окна просмотра, что очень важно, чтобы избежать того, чтобы ваше отзывчивое меню перекрывало ваш бренд при его открытии. EDIT → Навигационная марка не отвечает на 100% ширину.
Но вы правы, мало что говорили об этом классе в Интернете, потому что он сам по себе не выполняет функцию. Большинство людей просто оставляют его в покое, заменяют его или используют в качестве класса hook (родительский) для таргетинга на марку navbar или любого другого элемента, который они хотели бы включить внутри.