css – 单独的navbar和navbar-inner类的目的是什么?

前端之家收集整理的这篇文章主要介绍了css – 单独的navbar和navbar-inner类的目的是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在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-inner类的原因是什么?为什么不只有一个结合两种风格的导航栏类?

解决方法

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

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

猜你在找的CSS相关文章