Twitter Bootstrap下拉列表和面包屑不能很好地一起玩

Question

我曾经多次使用过Bootstraps下拉菜单但是我遇到了使用Bootstraps痕迹的问题。下拉列表落后于面包屑（见图）。我已经尝试在下拉列表中添加z-index，但这不起作用。有什么想法吗？

这是我的代码：

<div class="headercontainer">
    <%= link_to image_tag("ep_small.png"), "#", class: 'intlogo' %>
    <ul>
        <li><%= link_to "Associations", organizations_path %></li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="false">
                Operations <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a tabindex="-1" href="#">Wrap Companies</a></li>
            </ul>
        </li>
        <li><%= link_to "logout", destroy_user_session_path, method: :delete %></li>
    </ul>
</div>

Answer 1

这可能是一个CSS样式问题。当我在开箱即用的Bootstrap实例上运行上面描述的设置时，下拉列表不会被剪裁。请参阅here。

<div>
    <ul class="breadcrumb">
        <li><a href="#">Link1</a></li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                Operations <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="#">Operations 1</a></li>
                <li><a href="#">Operations 2</a></li>
            </ul>
        </li>
        <li><a href="#">Link2</a></li>
    </ul>
</div>