Navbar

La barre de navigation doit être insérer avant l'élément section.

Options

Classe Niveau Description
.navbar
.navbar[S, XS, M, L, XL]
Parent Créer une barre de navigation.
.navbarFixed Parent Fixe la barre de navigation.
.navbarDynamic Parent Rendre la barre de navigation dynamique. Elle disparaitra lors d'un défilement vers le bas et apparaitra lors d'un défilement vers le haut.
.navbarDynamic[S, XS, M, L, XL] Parent Rendre la barre de navigation dynamique suivant la résolution de l'écran.
A associer avec l'élément .sidebarLeft[S, XS, M, L, XL] ou .sidebarRight[S, XS, M, L, XL].
.navbarLeft
.navbarCenter
.navbarRight
1er enfant Aligner le contenu de la barre de navigation.
.textS
.textL
1er enfant Modifier la hauteur des liens.
.darken
.lighten
1er enfant Modifier l'opacité au survol des liens.
p
a
.dropdown
2ème enfant Elément pouvant être intégrer directement dans la barre de navigation.
.navItem 2ème enfant Insérer un élément autre que p, a et .dropdown.

Complémentarités intéressantes

Classe Description
.sidebarLeft[S, XS, M, L, XL]
.sidebarRight[S, XS, M, L, XL]
A associer avec .navbarDynamic[S, XS, M, L, XL].
.pointer Un élément p avec la classe .pointer intégrer directement dans la barre de navigation se comportera comme un lien.
.linkReset Permet de supprimer les effets d'un lien.

Exemples

Exemple 01 Exemple 02 Exemple 03 Exemple 04