0

響應下拉我有一個笨的應用程序,我自舉
模板化我有一個主導航欄Twitter的引導 - 右上角

<div class="navbar navbar-inverse navbar-fixed-top">..........</div> 

,並希望把一個負責任的下拉菜單位於頂部的鏈接右

enter image description here

我的主要問題是,在下拉工作,但它產生的滾動時,下拉菜單顯示,這是不可見的(全寬)。

我已經使用了按鈕下拉菜單...任何其他想法/建議?謝謝!

http://twitter.github.com/bootstrap/components.html#buttonDropdowns

回答

0

看起來你只是使用了錯誤的組件。什麼,你應該使用這就是:

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> 
+0

和絃。您的下拉菜單看起來不錯。它在窗口<600像素的情況下非常棒,但窗口最大化時下拉不顯示。當點擊下拉菜單時,容器顯示一個滾動條。也許z-index?再次感謝。看:http://imgur.com/a/G6rcg/all – Enrique

+0

更新:它似乎問題是我添加了一個粘性的頁腳,修改.container流體的CSS,導致下拉不顯示。將不得不刪除該粘滯腳註:( – Enrique