Hvordan opretter man Bootstrap 5 Dropdowns?

| Hjem | Hardware | Netværk | Programmering | software | Fejlfinding | systemer |

Fejlfinding

Konverter filer

Laptop Fejlfinding

Fejlfinding Computer Fejl

Afinstaller Hardware & Software

* Computer Viden >> Fejlfinding >> pc-fejlfinding >> Content

Hvordan opretter man Bootstrap 5 Dropdowns?

Sådan opretter du en dropdown i Bootstrap 5:

1. Tilføj et ` ` eller `` element for at fungere som rullemenuens skifte. Giv dette element en unik "id"-attribut, f.eks. "dropdownMenuButton".

2. Tilføj klassen `dropdown-toggle` til denne knap eller dette link sammen med attributten `data-bs-toggle="dropdown"`.

3. Opret en ydre beholder til rullemenuen. Pak knappen eller linket ind i et `

`-element med klassen `dropdown`.

4. Inden for denne beholder, opret en uordnet liste `

` med klassen `dropdown-menu`. Dette vil være rullemenuens indhold.

5. Tilføj dine rullemenupunkter som `

`-elementer i `
- ` kan indeholde links eller andre elementer.
  6. Du kan eventuelt tilføje 'aktive', 'deaktiverede' eller 'dropdown-divider' klasser til de individuelle dropdown-elementer efter behov.
  7. For at få rullemenuen til at justere til venstre eller højre, skal du tilføje klassen `dropdown-menu-lg-end` til elementet `
  `.
  
  Eksempel:
  
  HTML:
```

Handling

En anden handling

Noget andet her

```
  CSS (valgfrit, kun til centrering):
```
.dropdown-menu {
margin:0 auto;
}
```
  
  Denne kode vil oprette en rullemenuknap, der skifter en rullemenu med tre elementer, når der klikkes på den. Rullemenuen vises under knappen og justeres til midten.

Forrige ： Hvordan opretter man Bootstrap 5 Popovers?

næste ： Hvordan oprettes Bootstrap 5 Navigation Header?

Relaterede artikler

·	Sådan ændres et Xbox Gamertag
·	Sådan helt Genstart computeren
·	Sådan formateres en harddisk på en bærbar computer
·	Sådan ændres overgange i iMovie
·	Sådan repareres en PS4-controller, der ikke oplader
·	Kan ikke tilslutte Pluto TV Hvad gør
·	Hvordan bruger man distraktionsfri skrivning i WordPres…
·	Sådan tilpasser du navigationslinjen på Samsung Galax…
·	Sådan slår du biltilstand til i Spotify
·	Hvad er grafen, og hvad kan det gøre?

Anbefalede Artikler

·	Hvordan virker en computer Bliv Blacklisted
·	Linux Data Recovery
·	Keyboard fiasko, når forsøger at gøre en Dell System…
·	Sådan Go fra Vista til Windows 7
·	Hvordan fjerner du blokeringen af Roblox på en skole…
·	Hvordan kan jeg lave en makro Run Faster
·	Guiding Tech - Sådan gør du artikler, Gadget-købsvej…
·	Sådan gør CPU Køling
·	Sådan opretter og bruger du en Kubernetes Persistent V…
·	Sådan overføres data Når du udskifter en harddisk på…

Copyright © Computer Viden http://www.computerdk.com