我正在使用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行)