Bootstrap - 右拉导航栏部分中的下拉菜单在左侧显示面板箭头答案

【问题标题】：Boostrap - Dropdown menu in pulled-right navbar section displays panel arrow on the leftBootstrap - 右拉导航栏部分中的下拉菜单在左侧显示面板箭头
【发布时间】：2012-04-20 17:46:36
【问题描述】：

我正在使用引导程序，试图为电子商务创建一个类似 Facebook 的顶级导航栏。我正在向最右上角的链接添加一个下拉菜单，因此“帐户”链接会显示与帐户相关的操作的下拉菜单。

下拉菜单右对齐，但出现在菜单面板顶部的小箭头左对齐，指向导航栏中的上一个链接。

要查看它，请查看此小提琴（全屏以阻止导航栏折叠）： http://jsfiddle.net/v3wgt/1/embedded/result/

这里的代码： http://jsfiddle.net/v3wgt/2/

是否有任何修复/解决方法/替代方法？

【问题讨论】：

无法回答我自己的问题，但我在 parent UL 上缺少 nav pull-right 课程。
正要发布那个答案：P，引导程序已经自动为您完成了，您所要做的就是将 pull-right 类添加到菜单 <ul class="nav"> 本身，您可以批准您自己的答案，只需几个小时，因此请尽可能发布并批准。
谢谢安德烈斯，我不得不等待 8 小时，我希望到那时我不工作！应该深入检查样品，我的错:)

标签： css twitter-bootstrap

【解决方案1】：

为了完整起见，解决方案是将pull-right 类添加到父 UL，如下所示：

<ul class="nav pull-right">
   ... your links here
   <li class="dropdown">your dropdown item</li>
</ul>

【讨论】：

【解决方案2】：

navigation 周围的 div 上的类应该只是 nav 而不是 nav-collapse -> fiddle（html 区域第 5 行）

【讨论】：

感谢 Matthias，但这并不是真正的问题。请参阅下面我自己的答案。
箭头也在我的更改中向右移动^^。无论如何，你解决了它。