Twitter Bootstrap dropdown et breadcrumb ne marchent pas bien ensemble

Question

J'ai utilisé les menus déroulants Bootstraps un tas de fois mais je rencontre des problèmes en utilisant Bootstraps breadcrumb. La liste déroulante tombe derrière le fil d'ariane (voir photo). J'ai essayé d'ajouter un z-index à la liste déroulante, mais cela n'a pas fonctionné. Des idées?

Voici mon code:

<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

Ceci est probablement un problème de style css. Lorsque j'exécute l'installation comme indiqué ci-dessus sur une instance prête à l'emploi de Bootstrap, la liste déroulante n'est pas tronquée. Voir 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>