多個導航欄，兩個摺疊按鈕的工作，只有一個顯示了

所以我有兩個導航欄，第一個是倒置的，另一個是默認的。兩者都使用摺疊按鈕功能並正常工作，但默認導航欄中的一個不顯示。我的意思是，它的存在，但它是一種無形的：這裏是我的代碼：多個導航欄，兩個摺疊按鈕的工作，只有一個顯示了

<div class="container main-container"> 
<nav class="navbar navbar-static-top navbar-inverse navigation" role="navigation"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".top-nav"> 
     <span class="sr-only">Toggle Navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    <div class="collapse navbar-collapse top-nav"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">News</a></li> 
      <li><a href="#">About Us</a></li> 
      <li><a href="#">Contact</a></li> 
     </ul> 
    </div> 
</nav> 


... 


<nav class="navbar navigation" role="navigation"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".main-nav"> 
      <span class="sr-only">Toggle Navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <div class="collapse navbar-collapse main-nav"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">News</a></li> 
       <li><a href="#">About Us</a></li> 
       <li><a href="#">Contact</a></li> 
      </ul> 
     </div> 
    </nav> 
</div>

我的猜測是，第二撥動按鈕被莫名其妙地撿從最前一頁一個風格，不「認識」它應該是使用默認顏色呈現。我將如何去解決這個問題？這是fiddle showing the behavior。

在此先感謝。

來源

2013-09-21 Barbarah

您在第二個導航欄中缺少navbar-default類，也應該使用navbar-header容器作爲切換按鈕。

看到這個demo fiddle用更新標記

來源

2013-09-21 07:29:38

我知道我不應該只用「謝謝」回答，但我還沒有足夠的代表，以給予好評你，所以謝謝你，你的解決方案工作完美。我不知道我有什麼問題！ – Barbarah

@Cornholio沒問題，但你可以通過點擊投票箭頭下方的複選標記將答案標記爲「接受」;）... 15分鐘後通過 –

是的，我只是在等待時間:) – Barbarah

多個導航欄，兩個摺疊按鈕的工作，只有一個顯示了

回答

相關問題