单独的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（流体）div具有相同的级别：

Answer 2

这已经很老了，但是我最近也有同样的问题。我认为目的是为了装饰。

我注意到.navbar-inner具有线性渐变背景。使用多行的.navbar-inner，可以为最终用户更清楚地定义每个导航行。

对于每种导航栏样式，.navbar-inner都有不同的视觉方式来描述其内容。