看起來你只是使用了錯誤的組件。什麼,你應該使用這就是:
http://twitter.github.com/bootstrap/javascript.html#dropdowns
這將允許你建立下拉到導航,而不是在那裏堅持一個按鈕。如果您的瀏覽器使用這種方法窄於某個寬度,您的菜單就會滑落到層次結構中。
下拉3爲您提供了HTML浮動的權利就像你在你的截圖:
<ul class="nav pull-right">
<li id="fat-menu" class="dropdown">
<a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3 <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</li>
</ul>
和絃。您的下拉菜單看起來不錯。它在窗口<600像素的情況下非常棒,但窗口最大化時下拉不顯示。當點擊下拉菜單時,容器顯示一個滾動條。也許z-index?再次感謝。看:http://imgur.com/a/G6rcg/all – Enrique
更新:它似乎問題是我添加了一個粘性的頁腳,修改.container流體的CSS,導致下拉不顯示。將不得不刪除該粘滯腳註:( – Enrique