Sommaire

La barre de navigation avec un bouton déroulant COMPOSANTS DE NAVIGATION ET DE PAGINATION:Barre de navigation avec un bouton déroulant

Nous allons maintenant incorporer un bouton déroulant dans notre barre de navigation. Comme nous l’avons vu précédemment pour les boutons, nous utilisons les classes .dropdown dans le <li> du bouton déroulant et .dropdown-toggle dans le <a> du lien. La liste déroulante est un <ul class="dropdown-menu">.

Voici le code complet utilisé :

<div class="navbar navbar-default"> 
   <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
         <li><a href="#">Accueil</a></li> 
         <li><a href="#">Projets</a></li> 
         <li><a href="#">Réalisations</a></li> 
         <li><a href="#">Equipe</a></li> 
         <li class="dropdown"> 
            <a href="#" class="dropdown-toggle" data-toggle=
"dropdown">Médias <b class="caret"></b></a>
            <ul class="dropdown-menu"> 
               <li><a ...