Sommaire

La barre de navigation avec des liens en bouton COMPOSANTS DE NAVIGATION ET DE PAGINATION:Barre de navigation avec des liens en bouton

Vous pouvez parfaitement avoir des liens sous forme de bouton dans votre barre de navigation. Il suffit d’utiliser une boîte <div> avec des classes spécifiques et des éléments <button> avec, là encore, des classes dédiées à la mise en forme dans les barres de navigation.

Voilà le code HTML utilisé :

<div class="navbar navbar-default"> 
   <div class="collapse navbar-collapse"> 
      <button type="button" class="btn btn-default 
navbar-btn">Accueil</button> 
      <button type="button" class="btn btn-default 
navbar-btn">Projets</button> 
      <button type="button" class="btn btn-default 
navbar-btn">Réalisations</button> 
      <button type="button" class="btn btn-default 
navbar-btn">Equipe</button> 
   </div> 
</div>

Et voici le résultat affiché :

images/C12-015.png

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