javascript - 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 的开箱即用实例上运行上述设置时，下拉菜单不会被剪裁。见这里。

<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>