2013-08-19 43 views
0

有沒有什麼辦法可以讓響應不崩潰?我不想使用摺疊,因爲它隱藏了一個按鈕中的所有菜單。我想保留一些不受屏幕解決方案影響的列表。在自舉中製作響應式導航欄?

對不起,我的解釋。我想要的是在下拉列表中隱藏一些列表,但保留一些列表。例如,請訪問www.plus.google.com

+0

什麼版本?在2你可以'不'使用崩潰類,但是我不確定在3RC1我注意到它不管。 – Lloyd

回答

2

是的。讓我們basisc導航欄例如:

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-inner"> 
     <div class="container"> 
      <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a href="#" class="brand">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> 
     </div> 
     </div> 
    </div> 

及刪去<button ... ./>你不需要它進行修改。你應該做的另一件事是刪除nav-collapse collapse類。最後:

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

      <a href="#" class="brand">Project name</a> 
      <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> 
     </div> 
    </div> 
+0

我想通過創建這個答案的演示來工作,但我沒有看到我認爲OP的結果:http://jsfiddle.net/sperske/e9fBm/ –