菜单项在切换下拉菜单中未对齐
我实现了这个Bootstrap 3 Navbar Collapse来更改导航栏的折叠，但我遇到了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选择器，而其他项目“移开”
这就是发生的事情
引导菜单下拉菜单http://i57.tinypic.com/a4ogm0.png
我想要sm-size
引导菜单下拉菜单http://i59.tinypic.com/2j4xzkx.png
试图插入我的代码到bootply中......它不会在那里正确折叠，但??? http://www.bootply.com/Q2fqP7kfAK
发现改变崩溃的CSS有一个
.navbar-nav>li {
float: none;
}
导致它漂移到一边，直到它碰到XS！ 删除它，它是一个好的
谢谢！
为设定宽度a标签
.dropdown-menu > li > a {
text-align: right;
width : 100%;
}