Hur man skapar Bootstrap 5 dropdowns?

`-element för rullgardinsmenyn. Lägg till klassens "rullgardinsmeny".

2. Skapa en länk för att växla rullgardinsmenyn. Lägg till klassen `dropdown-toggle` och `data-bs-toggle="dropdown"`-attributet till länken.

3. Skapa ett `

`-element för rullgardinsmenyn. Lägg till klassens `rullgardinsmeny` till elementet `
`.

4. Lägg till lista (`

• `) till elementet `
  ` för varje rullgardinsmeny. Lägg till en länk till varje listobjekt med klassen `dropdown-item`.

  Här är en exempelkod:

  ```html

  Dropdown

  • Åtgärd
  • En annan åtgärd
  • Något annat här

  ```

  Ytterligare anteckningar :

  - För att lägga till fler rullgardinsmenyalternativ, lägg helt enkelt till fler `

  • ` objekt till elementet `
    `.

    - För att ändra utseendet på rullgardinsmenyn kan du använda klasserna `dropdown-menu-sm`, `dropdown-menu-lg` eller `dropdown-menu-xl`.

    - För att lägga till en avdelare mellan rullgardinsmenyn, använd `

    ---

    `-element med klassen `dropdown-divider`.

    - För att göra en rullgardinslänk inaktiverad, lägg till klassen "disabled" i länken.

    - För att justera rullgardinsmenyn till vänster eller höger, använd klassen `dropdown-menu-left` respektive `dropdown-menu-right`.