2017-02-23 56 views
0

所以我一直在使用Bootstrap 4 w/Understrap來處理我最新的主題開發,而且我正在運行一個具有下拉功能的奇怪錯誤。看起來,當使用可切換-xl的導航欄時,下拉菜單會在打開時調整整個大小。Bootstrap 4 - Dropdown w/Toggleable-XL

這是問題的一個例子:http://codeply.com/go/7IOdz8L2RS

你可以看到,通過改變可切換-XL到可切換-SM修復該問題。我必須使用toggleable-xl的原因是想要刪除導航欄的摺疊功能。我知道我可以根本不使用導航欄,但如果可能的話,我想保留樣式。任何想法,爲什麼下降這樣做?或者我怎樣才能完成這個導航欄而不會造成這個問題?

回答

0

有這個開放式問題:

https://github.com/twbs/bootstrap/issues/22058

一種解決方法是:

.navbar-toggleable-xl .navbar-nav .dropdown-menu { 
    position: absolute; 
    float: left; 
} 

http://www.codeply.com/go/cd92P7PAgE

+0

謝謝!認爲可能存在一個公開的問題,但要確保我沒有錯過簡單的事情。另外,側面的問題,你是Skelly Codeply嗎?如果是這樣,謝謝所有的Bootstrap 4 Snippets,它們是非常有幫助的! – Alexandher