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>