Css 什么';分开navbar和navbar内部类的目的是什么?
在Twitter bootstrap的starter-template.html中,导航栏写为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
<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对我来说似乎并不清晰和易懂。