不固定引導3.0標頭

Question

注意：請在全屏模式下查看。下面，我所指的下拉列表是在導航菜單中標記爲「下拉菜單」的li項目。點擊時，下拉寬度爲100％，具體取決於屏幕尺寸。

http://jsfiddle.net/y2q52/1/

試圖完成：

全屏寬度（100％）與自舉3.0默認模板下拉。

問題：

我已經設置了.dropdown菜單位置是固定的位置，以100％的寬度，從而允許在默認下拉自舉3.0主題是根據屏幕尺寸100％ 。 （見小提琴）。

在啓用了下拉菜單的情況下向下滾動頁面，菜單因爲滾動而固定在屏幕頂部而被破壞。我將如何去提供boostrap 3下拉寬度爲100％，而不會打破下拉（如我的小提琴中所見）。

**

.dropdown-menu{ 
    position: fixed !important; 
    top: 51px !important;  
    width: 100%; 
    z-index: 1000; 
} 

這些都是我使用的覆蓋默認的引導3下拉列表中選擇覆蓋。我怎樣纔能有父導航欄的100％寬度下拉桿？

Answer 1

使用position: absolute。但爲了正常工作，您必須覆蓋父li上的引導程序的position: relative。

.dropdown-menu{ 
    position: absolute; 
    top: 51px !important; 
    left: 0; 
    width: 100%; 
    z-index: 1000; 
} 
.nav > .dropdown { 
    display: block; 
    position: static !important; /* !important is likely only needed in the fiddle */ 
} 

http://jsfiddle.net/y2q52/3/正在爲我工​​作。