Cómo crear/diseñar una barra de navegación en Bootstrap 5

Código

Así es como se crea una barra de navegación con un menú desplegable.

Navbar con forma en línea

Para crear una barra de navegación con forma en línea, use Etiqueta con la clase .forma en línea y envuélvelo alrededor de un Etiqueta con la clase .control de forma y agregue un botón con un Etiqueta con la clase .BTN, BTN-Success, justo después del etiqueta de cierre.

Así es como creas una barra de navegación con forma en línea.

Barra de navegación plegable

Para crear una barra de navegación plegable, use una con el .colapsar y .cañón naval clases. Dar un id = "" al div y luego envuelve el div alrededor de tu

y etiquetas. Para habilitar el Navbar Plegable, cree un Etiqueta arriba .colapsar Div con el .navegador de Navbar clase y también dar data-bs-target = "colapso" y data-bs-target = "#id". Dentro de esto etiqueta crea un Etiqueta con la clase .Navbar-toggler-icon Para crear un botón de icono de tres líneas.

Así es como creas una barra de navegación plegable.

Cambiar el color de navbar

Para cambiar el color de la barra de navegación, use las siguientes clases

• BG-Light
• BG-Primary
• bisco
• BG-WARNING
• BG-Info
• BG-Danger

o usar en línea etiqueta con color de fondo; atributo.

Conclusión

Para crear un uso de navbar, .barra de navegación, .Navbar-Expand-XXL/LG/MD/SM, .Navbar-Light/Dark, BG-Light/Primary/Succes/Warning/Info/Danger Class con