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

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

Ответы

Ответ 1

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

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