Sommaire

Un bouton déroulant dans les onglets COMPOSANTS DE NAVIGATION ET DE PAGINATION:Bouton déroulant dans les onglets

Nous pouvons intégrer un bouton déroulant dans notre navigation à onglet ou en bouton, en utilisant la même technique que nous avions vue précédemment pour les groupes de boutons.

Voici le code HTML utilisé :

<ul class="nav nav-tabs"> 
   <li class="active"><a href="#">Accueil</a></li> 
   <li><a href="#">Projet</a></li> 
   <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" 
href="#">Equipe <span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
         <li><a href="#">Designer</a></li> 
         <li><a href="#">Intégrateur</a></li> 
         <li><a href="#">Développeur</a></li> 
         <li class="divider"></li> 
         <li><a href="#">Chef de projet</a></li> 
      </ul> 
   </li> 
</ul> 
</div>

Voici l’affichage sans l’activation ...