Bootstrap nav collapse - 菜单项未在切换下拉列表中对齐

Question

我实施了此Bootstrap 3 Navbar Collapse 更改导航栏折叠但我在导航栏上切换时出现问题。

我将这个用于最小宽度：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选择器，而其他项目＆＃34;移开方式＆＃34;

这就是发生的事情

bootstrap menu dropdown http://i57.tinypic.com/a4ogm0.png

我希望将其用于sm-size

bootstrap menu dropdown http://i59.tinypic.com/2j4xzkx.png

试图将我的代码插入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%;
}