HOME Tuto Ziratsu

CSS

Les Navbars




Les barres de Navigations(navbars) :

La navbar de base, logo à gauche, liens à droite.

Une balise nav qui englobe une div de classe .nav-wrapper .green

A gauche : un lien a de classe .brand-logo .left

A droite : une liste ul de classe .right contenant des li

Mettre dans une div .navbar-fixed pour faire une barre de titre fixe ( en haut de page par exemple)


Faire un fil d'ariane :

Idem, une balise nav qui englobe une div de classe .nav-wrapper .pink

Dans la div, des liens a de classe .breadcrumb


Navbar qui s'adapte aux écrans :

Une balise nav qui englobe une div de classe .nav-wrapper .purple

A gauche : un lien a de classe .brand-logo (par défaut .left)

Un deuxieme lien a de classe .sidenav-trigger : visible que sur mobile

A droite : une liste ul de classe .right et de classe .hide-on-med-and-down

En dehors de la nav, une autre liste de liens ul de classe .sidenav = la liste à afficher sur mobile