如何在頁面中使用多個導航欄

Question

我正在構建一個CMS編輯器，其中一個可以自定義的內容是導航欄中顯示的文本。我在展示兩個導航欄時遇到問題。我見過的大多數例子都是多個Navbars，一個在另一個之下，並不是我所需要的。

我需要第一個導航欄作爲編輯器自己的導航欄，而第二個導航欄位於第一個導航欄下方的某處，但不是直接位於其下方。

Answer 1

你必須從第二導航欄中移除navbar-fixed-top

HTML會是這樣

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 

    <a class="brand" href="#">Project name</a> 
    <div class="nav-collapse collapse"> 
    <ul class="nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#about">About</a></li> 
     <li><a href="#contact">Contact</a></li> 
    </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </div> 
    </div> 

     <div class="container"> 

    <h1>Conent</h1> 
    <p>Use this document as a way to quick start any new project.<br> All you get is this message and a barebones HTML document.</p> 

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


    <div class="nav-collapse collapse"> 
    <ul class="nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#about">About</a></li> 
     <li><a href="#contact">Contact</a></li> 
    </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
    </div> 
    </div> 

in bootply