Vous allez maintenant créer la navigation de base du site à l’aide de la composante Navbar de Bootstrap.
Aperçu du résultat 👇
Requis
Insérez la navbar immédiatement après le héros sur chacune de vos pages. Celle-ci doit avoir un thème de couleur et une couleur de fond.
La navbar doit prendre une largeur complète de l'écran de sorte que son fond de couleur doit créer une ligne séparant visuellement le héros du reste du site. Cependant le contenu à l'intérieur de la navbar doit-être dans un conteneur Bootstrap de base, changeant de largeur maximale en fonction du breakpoint.
À partir du breakpoint sm, la navbar doit affichée une barre de navigation complète.
Ajoutez toutes les pages de votre site dans la navbar. Ces liens doivent pointer vers les bonnes pages.
La page courante doit avoir une apparence différente nous indiquant qu'il s'agit de la page sur laquelle l'utilisateur se trouve actuellement.
Attention de mettre à jour ce style sur chacune de vos pages.
Ajoutez le logo textuel ou image de votre site dans la navbar. Ce logo doit être cliquable et pointer vers la page d'accueil du site.
La navbar doit défiler avec la page jusqu'à ce qu'elle atteigne le sommet de la page et ce figer à partir de ce point.
