Sommaire

La barre de navigation avec un lien actif COMPOSANTS DE NAVIGATION ET DE PAGINATION:Barre de navigation avec un lien actif

Il est fort utile d’indiquer aux internautes dans quelle page ils se trouvent, en mettant en évidence le lien de la page active, dans la barre de navigation. Il suffit d’utiliser la classe .active dans le <li> de la page affichée.

Voici le code HTML :

<div class="navbar navbar-default"> 
   <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
         <li><a href="#">Accueil</a></li> 
         <li class="active"><a href="#">Projets</a></li> 
         <li><a href="#">Réalisations</a></li> 
         <li><a href="#">Equipe</a></li> 
      </ul> 
   </div> 
</div>

Voici l’affichage résultant :

images/C12-011.png

Consultez cet exemple dans le fichier Bootstrap-06-COMP-Nav-Pag/02-Navbar.html.