引导导航折叠-菜单项在切换下拉菜单中不对齐

Question

我实现了这个Bootstrap 3 Navbar折叠来改变Navbar折叠，但我有一个问题，在nav上的切换。

我为最小宽度：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

设置A标记的宽度

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

Answer 2

发现用于更改折叠的css有一个

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

这导致它漂移到旁边直到它击中了XS！把它取下来就没事了

谢谢！