Cette barre va cacher les liens du menu sur petit écran et les incruster dans un bouton qui se déploiera lorsque vous cliquerez dessus et fera apparaitre les liens qui se trouvent à l’intérieur.
Avec l’explosion des tablettes et smartphones, la Barre de navigation responsive est presque devenue indispensable si voulez que votre site soit facile d’utilisation sur petit écran.
Les classes et attributs (mises à l’intérieur du bouton):
.navbar-toggler
data-toggle= »collapse »
data-target= »#id »
.navbar-toggler-icon
La liste des liens du menu <ul> seront mis à l’intérieur d’une balise <div> qui contiendra la classe : .collapse navbar-collapse et l’id correspondant à l’id inclus dans data-target= »#id ».
Bonjour très satisfait de votre publication. Merci
Merci pour l’explication,c’est vrement sympa et tres clair.
bonjour a tous je suis novice ici! deja merci pour le tuto c’est clair et facile! j’ai cpendant une question: sur votre exemple vous avez creer une bar de navigation avec des menus; accueil; projet et contact! disons que je souhaite que le menu contact soit en couleur vert et que le texte soit en black! je precise le menu soit en background vert l text(contact)en black et ceci pas au cliquer