Какова цель отдельных навигационных и навигационных внутренних классов?

В Twitter bootstrap starter-template.html навигационная панель написана как

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
    ...
    </div>
  </div>
</div>

Однако, если я изменю разметку на

<div class="navbar navbar-inner">
  <div class="container">
  ...
  </div>
</div>

Кажется, что все работает нормально, и я не вижу различимых визуальных различий. Какая причина иметь отдельные классы navbar и navbar-inner, связанные с двумя divs? Почему бы просто не иметь класс navbar, который объединяет стили обоих?

Ответ 1

Это делает документ вашего html-документа более понятным и понятным. Класс .navbar устанавливает позицию (и имеет встроенный дисплей по умолчанию), в то время как внешний класс navbar обертывает содержимое этого контейнера (таблица отображения). Ваш .navbar может содержать больше, чем один блок, например navbar-inner.

В вашей иерархической DOM-структуре .navbar имеет тот же уровень, что и div.container(fluid):

enter image description here