Jak stworzyć/zaprojektować pasek navootstrap 5

Makary Stasiak

W Bootstrap 5 pasek NAV służy do łączenia i łączenia wszystkich stron internetowych związanych z witryną, a użytkownik może łatwo przemieszczać się między stronami. Pasek nawigacyjny jest bardzo ważnym elementem witryny, która zawiera logo marki, nazwy stron i ich linki oraz pole wyszukiwania zgodnie z wymaganiami użytkownika.

Ten artykuł zawiera szczegółową wiedzę o

Tworzenie paska navbar
NAVBAR z menu rozwijanym
NAVBAR z formą wbudowaną
Clupsible Navbar
Zmiana kolorów navbar

Jak utworzyć pasek nawigacyjny

Aby utworzyć użycie navbar, .Navbar klasa i wyrównać menu w wierszu .navbar-expand-xxl/lg/md/sm. Aby wybrać między lekkim lub ciemnym nastrojem .Navbar-Light/Dark i nadać kolor tła użycie paska żerowania .BG Light.

Kod:

Bootstrap 5 Navbar

W ten sposób tworzysz pasek Nav w Bootstrap 5.

NAVBAR z menu rozwijanym

Aby utworzyć pasek NAV za pomocą menu rozwijanego .Klasa rozwijana z .Klasa Nav-Item w

etykietka, Weź tag z .Klasa rozwijana, i owinąć go wokół znacznika kotwicy z klasą .Downiste post. Aby pokazać menu rozwijane, użyj menu .Klasa rozwijana z .Klasa Nav-Link i również Użyj atrybutu Data-BS-Toggle = ” na etykietka który zawiera .Klasa Nav-Link.

Kod

W ten sposób tworzony jest pasek nawigacyjny z menu rozwijanym.

NAVBAR z formą wbudowaną

Aby utworzyć pasek NAV z formą wbudowaną, użyj tag z klasą .wbudowana forma i owinąć to wokół tag z klasą .Kontrola formy i dodaj przycisk za pomocą tag z klasą .BTN, BTN-Success, Zaraz po Zamknięcie.

W ten sposób tworzysz pasek NAV z formą wbudowaną.

Clupsible Navbar

Aby utworzyć składany pasek nawigacyjny, użyj z .zawalić się I .NOVBAR-COCLASSE zajęcia. Dać unikalny id = ”” do div, a następnie owinąć div wokół twojego

.zawalić się

.Navbar-Toggler

Daj data-BS-cel = „Zakochanie się”

data-BS-cel = „#id”

.Navbar-Toggler-Icon

W ten sposób tworzysz składany pasek navabar.

Zmień kolor Navbar

Aby zmienić kolor paska Nav, użyj następujących klas

BG Light
BG-Primary
BG-SUCCCESS
Warning BG
BG-info
BG Danger

lub użyj inline etykietka z kolor tła; atrybut.

Wniosek

Aby utworzyć użycie navbar, .Navbar, .navbar-expand-xxl/lg/md/sm, .Navbar-Light/Dark, BG-Light/Primary/Success/Ostrzeżenie/Informacje/Klasa niebezpieczeństwa z

c ostre

Jak używany jest operator Lambda '=>'

Operator '=>' tworzy funkcje anonimowe w C#, oddzielając parametry wejściowe od ciała funkcyjnego do...

Justyna Flak

php

Jak używać podczas pętli w PHP?

While pętla jest kluczową koncepcją stosowaną do wielokrotnego wykonywania bloku kodu, dopóki nie zo...

Sebastian Kaczyński

C ++

Jaki jest adres pamięci w C ++ i jak go znaleźć?

Adres pamięci to lokalizacja zmiennej w pamięci RAM, w której dane są przechowywane i można je znale...

Zofia Góra