Sommaire

La barre de navigation fixée en haut de l’écran COMPOSANTS DE NAVIGATION ET DE PAGINATION:Barre de navigation fixée en haut de l’écran

Pour toujours conserver la barre de navigation en haut de l’écran, utilisez la classe .navbar-fixed-top dans la boîte <div> de la barre de navigation.

Attention, pour que le contenu qui suit l’affichage de la barre de navigation soit visible et pas masqué par la barre de navigation, vous devez impérativement modifier le remplissage haut de l’élément <body> :

body { 
   padding-top: 70px;  
}

Vous devez indiquer cette règle CSS après les liens vers les fichiers bootstrap.min.css et bootstrap-theme.min.css.

Voici le code HTML utilisé :

<div class="container"> 
   <div class="row"> 
      <div class="navbar navbar-default navbar-fixed-top"> 
         <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> 
           ...