twitter引导下拉列表弹出元素

Question

您可以在此屏幕截图中看到,每行上包含"hi"的菜单会弹出正文元素下方,也会弹出屏幕上的按钮.

dom结构如下所示:

打开时下拉元素的计算样式是:

background-color: transparent;
color: #999;
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: visible;
overflow-y: visible;
position: relative;
width: 1425px;

这是弹出"下拉菜单"计算样式的项目之一:

box-sizing: border-box;
color: white;
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 17px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
overflow-x: visible;
overflow-y: visible;
vertical-align: middle;
width: 74px;
word-spacing: 0px;

我似乎无法攻击正确的dom&css魔法来使这项工作正确.我一直在dom heirarchy中的位置,而在dropdown div的导航栏中.我也一直在下拉菜单,下拉菜单和弹出的元素上玩z-index.

我觉得有点像我在这里看不到的东西.有什么想法吗？

Answer 1

我遇到了类似的问题.我能够通过从nav-collapse元素中删除'collapse'类来修复它.

我没有真正深入研究这个问题但是我已经解决了这个问题.