Bootstrap導航折疊-菜單項在切換下拉菜單中不對齊

Question

我實現了這個Bootstrap 3導航欄折疊來更改導航欄折疊，但是導航上的切換存在問題。

我為此輸入了最小寬度：992px，以使菜單懸停處於打開狀態，而不是切換桌面大小。

ul.nav li.dropdown:hover ul.dropdown-menu { 
display: block; 
}              /* adding hover effect to bs navbar only for md size and up */

.dropdown-menu > li > a {
text-align: right;
}

我遇到的問題是，當我在sm大小中切換菜單項時。 下拉菜單不會在下面直接切換。 它移到右側。 我似乎找不到什么將它直接放在下面的CSS選擇器，而其他項“移開了”

這就是正在發生的事情

我想要這個適合sm大小

試圖將我的代碼插入到bootply中……但是它沒有在此處正確折疊？？？ http://www.bootply.com/Q2fqP7kfAK

Answer 1

發現用於更改崩潰的CSS具有

.navbar-nav>li {
        float: none;
    }

導致它漂移到側面直到撞到xs！ 刪除它就可以了

謝謝！

Answer 2

為設定寬度a標簽

.dropdown-menu > li > a {
     text-align: right;
     width : 100%;
}