In Bootstrap 5 wird die NAV -Leiste verwendet, um alle auf eine Website bezogenen Webseiten zu verbinden und zu verknüpfen, und ein Benutzer kann sich einfach zwischen Seiten verschieben. Die Navigationsleiste ist eine sehr wichtige Komponente einer Website, die ein Markenlogo, Seitennamen und deren Links sowie ein Suchfeld entsprechend den Benutzeranforderungen enthält.
Dieser Artikel gibt Ihnen ein Detailwissen über
So erstellen Sie eine Achtereiste
Um eine Navi -Verwendung zu erstellen, .Navillat Klasse und um das Menü in einer Zeile auszurichten .navbar-expand-xxl/lg/md/sm. Um zwischen heller oder dunkler Stimmung zu wählen .Navigationslicht/Dunkel und einer Marine -Verwendung eine Hintergrundfarbe zu verleihen .BG-Licht.
Code:
Bootstrap 5 Navi
Auf diese Weise erstellen Sie eine Navigationsleiste in Bootstrap 5.
NAVABAR mit Dropdown -Menü
So erstellen .Dropdown -Klasse mit .NAV-ITEM-Klasse in
Code
Auf diese Weise wird eine Navigationsleiste mit einem Dropdown -Menü erstellt.
Naviat mit Inline -Form
Verwenden Sie, um eine Navigationsleiste mit Inline -Form zu erstellen Tag mit der Klasse .Inline-Form und wickeln Sie es um eine Tag mit der Klasse .Formkontrolle und fügen Sie eine Schaltfläche mit a hinzu Tag mit der Klasse .BTN, BTN-SUCCESS, Gleich nach dem Schließen von Tag.
Auf diese Weise erstellen Sie eine Navigationsleiste mit Inline -Form.
Zusammenklappbarer Navillat
Verwenden Sie a, um eine zusammenklappbare Navigatte zu erstellen mit dem .Zusammenbruch Und .Navilla-Kollapse Klassen. Gib ein eindeutige ID = "" zum Div und dann die DIV um Ihre
So erstellen Sie eine zusammenklappbare Naviade.
Ändern Sie die Navigationsfarbe
Um die Farbe der Navigationsleiste zu ändern, verwenden Sie die folgenden Klassen
oder Inline verwenden Schild mit Hintergrundfarbe; Attribut.
Abschluss
Um eine Navi -Verwendung zu erstellen, .Navillat, .navbar-expand-xxl/lg/md/sm, .Navi-Light/Dark, BG-Light/Primary/Success/Warning/Info/Danger-Klasse mit