Sommaire

La barre de navigation avec un en-tête COMPOSANTS DE NAVIGATION ET DE PAGINATION:Barre de navigation avec un en-tête

Vous pouvez ajouter un en-tête à votre barre de navigation à l’aide d’une boîte <div> spécifique. Cet en-tête est affiché plus gros que les libellés de la barre de navigation. Cela permet d’avoir un titre, un en-tête en début de barre.

Afin de mieux structurer la barre, nous allons utiliser deux boîtes <div>, une pour l’en-tête et une pour les liens standard.

L’en-tête est placé dans une boîte <div class="navbar-header">, le libellé est inséré dans un élément <a class="navbar-brand">.

Les autres boutons sont placés dans une boîte <div class="navbar-inner">.

Voici le code utilisé :

<div class="navbar navbar-default"> 
   <div class="collapse navbar-collapse"> 
      <div class="navbar-header"> 
         <a class="navbar-brand" href="#">Navigation</a> 
      </div> 
      <div class="navbar-inner"> 
         <ul class="nav navbar-nav"> 
            <li><a href="#">Accueil</a></li> 
           ...