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>