Что делает класс «navbar-header» в Bootstrap?

Question

Я использовал .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> 

Answer 1

Навигационный заголовок в основном представляет собой архитектурный класс для навигационной панели Bootstrap. Он размещает примерно 150 пикселей слева от навигационной панели, чтобы обернуть бренд navbar и позволить фирменному наименованию или логотипу использовать всю область при щелчке или зависании. Но самым полезным свойством навигационного заголовка является его отзывчивость к 100% ширине и после 768 пикселей (представление планшета). Это позволяет бренду быть сосредоточенным в верхней части окна просмотра, что очень важно, чтобы избежать того, чтобы ваше отзывчивое меню перекрывало ваш бренд при его открытии. EDIT -> Навигационная марка не отвечает на 100% ширину.

Но вы правы, мало что сказано об этом классе в Интернете, потому что он сам по себе не выполняет функцию. Большинство людей просто оставляют это в покое, заменяют его или используют в качестве класса крюка (родительского) для таргетинга на навигационную марку или любой другой элемент, который они хотели бы включить.