我怎样才能在一个页面中有多个导航栏

Question

我正在构建一个 CMS 编辑器，可以自定义的内容之一是出现在导航栏中的文本。我在显示两个导航栏时遇到问题。我见过的大多数示例都是多个导航栏一个接一个，这不是我需要的。

我需要第一个导航栏是编辑器自己的导航栏，而第二个导航栏位于第一个导航栏下方但不在其正下方。

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

我怎样才能在一个页面中有多个导航栏

How can i have multiple Navbars in a page

navbar

twitter-bootstrap-3