twitter-bootstrap - 如何在同一页面上显示多个 Twitter Bootstrap 导航栏？

Question

是否可以在给定页面上显示多个导航栏？我想将一个倒置的导航栏固定在顶部，然后在某些页面上在其下方有第二个固定导航栏作为附加信息标题。

Answer 1

当然你可以有2个导航栏。您可能需要调整代码才能以您想要的方式获得它......

工作示例

<div class="navbar navbar-static-top navbar-inverse">
  <div class="navbar-inner">
    <a class="brand" href="#">Brand</a>
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">More</a></li>
      <li><a href="#">Options</a></li>
    </ul>
  </div>
</div>
<div class="navbar">
  <div class="navbar-inner">
    <ul class="nav">
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>