带有 twitter 引导程序的双顶部导航栏答案

【问题标题】：Dual top navigation bar with twitter bootstrap带有 twitter 引导程序的双顶部导航栏
【发布时间】：2015-01-23 13:06:02
【问题描述】：

我注意到一些网站顶部有一个双导航栏。第一个用于指示用户会话状态（登录/注销/设置等），而较低的用于指示实际的站点功能。我附上了一个屏幕截图 - 谁能指出一些关于如何复制相同内容的代码示例？

谢谢

【问题讨论】：

查看此链接getbootstrap.com/components/#navbar-default
@Jake745 默认引导示例展示了如何获得一个导航栏，就像我们在本网站上的导航栏一样。但是，没有我在屏幕截图中显示的双导航栏示例。该链接中是否有我遗漏的特定区域？

标签： html css twitter-bootstrap

【解决方案1】：

只需从引导程序中尝试：

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="#">Project name</a>

      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>

     </div>
  </div>
</div>

【讨论】：

亲爱的，如果你使用引导程序中的一个，然后写下相同的代码，然后从上部导航栏给它留出余量。你可以使用它两次。
@ChicagoSky：很高兴帮助你......如果它对你有用，请接受答案，以便对其他人有所帮助。