Hvordan lage/designe en navbar i bootstrap 5

Kode

Slik opprettes en Navbar med en rullegardinmeny.

Navbar med inline form

For å lage en Navbar med inline -form, bruk Tag med klassen .inline-form og pakk den rundt en Tag med klassen .formkontroll og legg til en knapp ved hjelp av en Tag med klassen .BTN, BTN-Success, Rett etter lukkende tag.

Slik lager du en Navbar med inline -skjema.

Sammenleggbar Navbar

For å lage en sammenleggbar navbar, bruk en med .kollapse og .Navbar-Collaps klasser. Gi en unik id = ”” til diven og pakk deretter diven rundt deg

og Tagger. For å aktivere sammenleggbar navbar, opprette en Tag over .kollapse div med .Navbar-Togggler klasse og også Gi data-BS-Target = “kollaps” og Data-BS-Target = “#id”. Inne i dette tag opprette en Tag med klassen .Navbar-Togggler-Icon For å opprette en tre linjer -ikonknapp.

Slik lager du en sammenleggbar navbar.

Endre Navbar -farge

For å endre fargen på Navbar -bruken etter klasser

• BG-lys
• BG-Primary
• BG-suksess
• BG-advarsel
• BG-Info
• BG-Danger

eller bruk inline stikkord med bakgrunnsfarge; Egenskap.

Konklusjon

For å lage en Navbar -bruk, .Navbar, .Navbar-EXPAND-XXL/LG/MD/SM, .Navbar-Light/Dark, BG-Light/Primary/Success/Warning/Info/Danger Class med