Sommaire

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

Par défaut tous les éléments de la barre de navigation sont alignés à gauche. Pour séparer un élément donné, afin de le mettre en évidence, vous pouvez le caler à droite avec la classe .navbar-right placée dans un <ul> spécifique à cet élément.

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><a href="#">Projets</a></li> 
         <li><a href="#">Réalisations</a></li> 
         <li><a href="#">Equipe</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
         <li><a href="#">Contact</a></li> 
      </ul> 
   </div> 
</div>

Voici l’affichage résultant :

images/C12-014.png

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