css - 单独的 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结合了两者风格的课程呢？

score 7 · Accepted Answer

它使您的 html 文档的结构更加清晰易读。.navbar 类设置位置（并具有默认显示内联），而 navbar-inner 类包装此容器的内容（显示表）。您的 .navbar 可以包含多个块，例如 navbar-inner。

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

在此处输入图像描述

score 0 · Accepted Answer

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

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

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

2 回答 2