Les options de mise en forme NAVIGATION:Mise en forme

1. Utiliser des onglets NAVIGATION:Onglets

Bootstrap nous propose plusieurs classes supplémentaires pour mettre en forme les barres de navigation.

La classe .nav-tabs permet d’afficher les liens sous forme d’onglets. Le rendu est meilleur avec une structure utilisant une liste <ul> :

<ul class="nav nav-tabs"> 
        <li class="nav-item"> 
                <a class="nav-link active" href="#">Lorem</a> 
        </li> 
        <li class="nav-item"> 
                <a class="nav-link" href="#">Ipsum</a> 
        </li> 
        <li class="nav-item"> 
                <a class="nav-link" href="#">Adipiscing</a> 
        </li> 
        <li class="nav-item"> 
                <a class="nav-link" href="#">Amet</a> 
        </li> 
</ul> 

Voici l’affichage obtenu :

images/C10-005.png

2. Utiliser des boutons NAVIGATION:Boutons BOUTONS:Navigation

La classe .nav-pills permet d’afficher les liens sous forme...

Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les alignements
Suivant
Une barre de navigation flexible