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>