Twitter Bootstrap摺疊菜單不在其他元素之前

Question

我使用的是twitter bootstrap 2.3，當我縮小瀏覽器時它會正確摺疊，但是當我點擊按鈕做下拉時，它不會出現在其他項目。這裏是一個工作演示：http://www.thehighlightnetwork.com/我一直試圖解決它在Chrome中的開發工具，但無濟於事。

下面是相關代碼：

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 
     <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="brand" href="/"><img src="http://i.imgur.com/8dN9Ck1.png" alt="small logo" style="height:50px;"></a> 
     <div class="nav-collapse collapse" style="height:0px;"> 
      <ul class="nav"> 
      <li><a href="/">The Highlight Network</a></li> 
     <li><a href="http://thehighlightnetwork.com/blog/">Official Blog</a></li> 
     <li><a href="/profile" class="">Profile</a></li> 
     <li><a href="/logout" class="">Logout</a></li> 
     <li><a href="/login" class="">Sign Up!</a></li> 
      <li><a href="/videohandler">Upload</a></li> 
      </ul> 
      <ul class="nav pull-right"> 
      <li> 
       <div class="center-it"> 
       <form class="form-search" action="/search" method="GET" style="margin:0; margin-top:15px;"> 
        <input type="text" name="search_tag" placeholder="search..." class="input-medium search-query pull-right"> 
       </form> 
       </div>    
      </li> 
      </ul> 
     </div> 
     </div> 
    </div> 
    </div> 

在官方demo site它推動了所有，我會很樂意用，或者如果我可以簡單地讓這個它是在前面的其他其他元素元素。

Answer 1

您的固定導航欄的靜態位置是導致此，以下CSS將覆蓋和解決您的問題（在Chrome確認）

.navbar-fixed-top, .navbar-fixed-bottom { 
    position: relative !important; 
}