如何在页面中使用多个导航栏

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