Css 什么';分开navbar和navbar内部类的目的是什么?

Css 什么';分开navbar和navbar内部类的目的是什么?,css,twitter-bootstrap,Css,Twitter Bootstrap,在Twitter bootstrap的starter-template.html中,导航栏写为 <div class="navbar"> <div class="navbar-inner"> <div class="container"> ... </div> </div> </div> ... 但是,如果我将标记更改为 <div class="navbar navbar-inne

在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内部
类是什么原因?为什么不让一个结合了这两种样式的
navbar
类呢?

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

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


这是一个很老的问题,但我最近也有同样的问题。我认为目的是为了装饰

我注意到了。导航栏内部有一个线性渐变背景。由于有多行.navbar internal,每个nav行都为最终用户定义得更清楚


对于每种类型的navbar样式,.navbar Internal都有不同的视觉描述其内容的方法。

我相信这是为了浏览器兼容性和响应性设计。刚刚检查过,如果我有一个同时包含navbar和navbar Internal类的div,响应性的navbar似乎仍然可以正常工作。(仅在chrome中测试)我不确定我是否理解,在不需要额外div的情况下,额外div对我来说似乎并不清晰和易懂。