與twitter引導的雙頂級導航欄

我注意到一些網站頂部有雙導航欄。第一個用於指示用戶會話狀態（登錄/註銷/設置等），下一個用於實際站點功能。我附上了一個屏幕截圖 - 任何人都可以指示我如何複製相同的代碼示例？與twitter引導的雙頂級導航欄

感謝 enter image description here

2014-09-01 ChicagoSky

請參閱此鏈接http://getbootstrap.com/components/#navbar-default – 2014-09-01 04:43:39

@ Jake745標準的引導例子說明如何將獲得一個像我們在這個網站上的導航欄。但是，沒有像我在屏幕截圖中顯示的雙導航欄的示例。我錯過了那個鏈接中的特定區域？ – ChicagoSky 2014-09-01 15:02:12

只是試試這個從引導：

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

來源

2014-09-01 05:26:30 Montiyago

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

親愛的，如果你使用bootstrap中的一個然後寫下相同的代碼，然後給它從上面的navbar.u邊緣可以使用它兩次。 – Montiyago 2014-09-02 05:40:20

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

與twitter引導的雙頂級導航欄

回答

相關問題