2014-09-01 79 views
0

我注意到一些网站顶部有双导航栏。第一个用于指示用户会话状态(登录/注销/设置等),下一个用于实际站点功能。我附上了一个屏幕截图 - 任何人都可以指示我如何复制相同的代码示例?与twitter引导的双顶级导航栏

感谢 enter image description here

+0

请参阅此链接http://getbootstrap.com/components/#navbar-default – 2014-09-01 04:43:39

+0

@ Jake745标准的引导例子说明如何将获得一个像我们在这个网站上的导航栏。但是,没有像我在屏幕截图中显示的双导航栏的示例。我错过了那个链接中的特定区域? – ChicagoSky 2014-09-01 15:02:12

回答

0

只是试试这个从引导:

<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> 
+0

did not do the trick – ChicagoSky 2014-09-01 15:00:47

+0

亲爱的,如果你使用bootstrap中的一个然后写下相同的代码,然后给它从上面的navbar.u边缘可以使用它两次。 – Montiyago 2014-09-02 05:40:20

+0

明白了 - 谢谢 – ChicagoSky 2014-09-02 11:48:57