单独的navbar和navbar-inner类的目的是什么？

Question

在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>

一切似乎都很好,据我所知,没有明显的视觉差异.有两个div的单独navbar和navbar-inner类相关的原因是什么？为什么不只是一个navbar结合两者的风格的类？

Answer 1

它使您的html文档的结构更清晰,更易读..navbar类设置位置(并具有内联的默认显示),而navbar-inner类包装此容器的内容(显示表).你的.navbar可以包含更多像navbar-inner这样的一个块.

在您的分层DOM结构中.navbar与.container(fluid)div具有相同的级别: