2013-12-19 101 views
1

我正在用引導程序3創建導航欄菜單。我有一個用按鈕填充的下拉菜單。顯示功能在Chrome中,但不在Firefox中。在FF中,菜單的邊界切入按鈕,而不是圍繞它。Firefox中奇怪的引導程序下拉和按鈕行爲

我發現了一個奇怪的「黑客」,以在Firefox中獲得正確的顯示。添加一個包含與按鈕元素大致相同文本的常規鏈接元素會導致其正確顯示。

錯誤的網站。 19-29行。 (對應於旁酸成分的數量3)http://bootply.com/101568

哈克:行21 http://bootply.com/101564

有沒有更好的辦法去正確地出現在Firefox中顯示,如果有,是什麼呢?

+0

1.這裏有什麼問題?我不會稱之爲「黑客」。你應該使用內部下拉鍊接,而不是按鈕......你只是在第一個例子中做錯了... – Schmalzy

+0

1.編輯顯示問題 2.隨時解釋,在一個答案與源和所有。 – Btuman

回答

1

在下拉菜單中使用按鈕並不正式支持(從版本3.0.3開始)。但這聽起來像是它未來可能會增加的東西。

下拉式樣和js使用.dropdown > li > a作爲選擇器,這就是爲什麼如果您不使用鏈接會得到奇怪和不一致的結果。從MDO

Style input/button tags in dropdowns

報價(bootstap的創建者)....

直到V4下降,我們不能改變的下拉列表項的行爲,我的意思是我們唯一的出路對此的解釋是在下拉鍊接上需要的類(例如,.dropdown-item而不是.dropdown> li> a)。我們可以在v3.1中對此進行說明,或許我們只是棄用舊的選擇器,但我不確定這種折衷