单独的导航栏和导航栏内部类的目的是什么？

Question

在Twitter的引导的起动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：