Comment créer / concevoir une barre navale en bootstrap 5

Code

C'est ainsi qu'une barre navale avec un menu déroulant est créée.

Navbar avec une forme en ligne

Pour créer un Navbar avec une forme en ligne, utilisez Tag avec la classe .forme en ligne et enveloppez-le autour d'un Tag avec la classe .contrôler et ajouter un bouton à l'aide d'un Tag avec la classe .BTN, BTN-Success, juste après le étiquette de clôture.

C'est ainsi que vous créez une barre de navigation avec une forme en ligne.

Navbar pliable

Pour créer un Navbar pliable, utilisez un avec le .effondrement et .Navbar-Collapse Des classes. Donne un ID unique = ”” à la div puis enrouler la div autour de votre

et Mots clés. Pour activer Navbar pliable, créer un Tag au-dessus .effondrement div avec le .Navbar-Toggler classe et aussi donner data-bs-target = «effondrement» et data-bs-target = "# id". À l'intérieur tag Créer un Tag avec la classe .navbar-toggler-icon Pour créer un bouton d'icône à trois lignes.

C'est ainsi que vous créez une barre de navigation pliable.

Changer la couleur de Navbar

Pour changer la couleur de la barre navale utilise les classes suivantes

• Bg-Light
• bg-primaire
• bg-succès
• bg
• bg-info
• bg-danger

ou utiliser en ligne étiqueter avec Couleur de l'arrière plan; attribut.

Conclusion

Pour créer une utilisation de Navbar, .barre navale, .navbar-expand-xxl / lg / md / sm, .Navbar-Light / Dark, BG-Light / Primary / Success / Warning / Info / Danger Classe avec