我正在使用bootstrap，尝试为电子商务创建类似Facebook顶级导航栏的Facebook。我在最右边的顶部链接中添加了一个下拉菜单，因此“帐户”链接会显示与帐户相关操作的下拉列表。
下拉菜单很好地对齐，但菜单面板顶部显示的小箭头左对齐，指向导航栏中的上一个链接。
要查看它，请看这个小提琴（全屏停止导航栏崩溃）： http://jsfiddle.net/v3wgt/1/embedded/result/
这里的代码： http://jsfiddle.net/v3wgt/2/
是否有任何修复/解决方法/替代方案？
答案 0 :(得分：3)
为了完整起见，解决方案是将pull-right类添加到父UL，如下所示：
<ul class="nav pull-right">
... your links here
<li class="dropdown">your dropdown item</li>
</ul>
答案 1 :(得分：0)
div周围的navigation上的课程应该只是nav而不是nav-collapse - ＆gt; fiddle（html区域第5行）