Ako vytvoriť rozbaľovacie zoznamy Bootstrap 5?

2. Vytvorte odkaz na prepnutie rozbaľovacej ponuky. Pridajte do odkazu triedu `dropdown-toggle` a atribút `data-bs-toggle="dropdown"`.

3. Vytvorte prvok

pre rozbaľovaciu ponuku. Pridajte rozbaľovaciu ponuku triedy do prvku
.

4. Pridať zoznam (`

• `) do prvku
  pre každú položku rozbaľovacej ponuky. Pridajte odkaz na každú položku zoznamu pomocou triedy „rozbaľovacia položka“.

  Tu je príklad kódu:

  ```html

  Rozbaľovacia ponuka

  • Akcia
  • Ďalšia akcia
  • Tu je niečo iné

  ```

  Dodatočné poznámky :

  - Ak chcete pridať ďalšie položky rozbaľovacej ponuky, jednoducho pridajte ďalšie `

  • ` do prvku `
    `.

    - Ak chcete zmeniť vzhľad rozbaľovacej ponuky, môžete použiť triedy `dropdown-menu-sm`, `dropdown-menu-lg` alebo `dropdown-menu-xl`.

    - Ak chcete pridať oddeľovač medzi položky rozbaľovacej ponuky, použite `

    ---

    ` s triedou `dropdown-divider`.

    - Ak chcete zakázať rozbaľovací odkaz, pridajte do odkazu triedu `disabled`.

    - Ak chcete zarovnať rozbaľovaciu ponuku vľavo alebo vpravo, použite triedu `dropdown-menu-left` alebo `dropdown-menu-right`.

    • Predchádzajúca strana: Ako vytvoriť Bootstrap 5 Collapse? 
    • Ďalšia strana: Ako vytvoriť vstupnú skupinu Bootstrap 5?