twitter-bootstrap - 同じページに複数の Twitter Bootstrap navbar を表示するには?

Question

特定のページに複数のナビゲーション バーを表示することはできますか? 反転したナビゲーション バーを上部に固定し、特定のページでは、追加情報ヘッダーとしてそのすぐ下に 2 つ目の固定ナビゲーション バーを配置したいと考えています。

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>