Πώς να δημιουργήσετε αναπτυσσόμενα μενού Bootstrap 5;

2. Δημιουργήστε έναν σύνδεσμο για να αλλάξετε το αναπτυσσόμενο μενού. Προσθέστε την κλάση `dropdown-toggle` και το χαρακτηριστικό `data-bs-toggle="dropdown"` στον σύνδεσμο.

3. Δημιουργήστε ένα στοιχείο «

» για το αναπτυσσόμενο μενού. Προσθέστε την κλάση «αναπτυσσόμενο μενού» στο στοιχείο «
».

4. Προσθήκη λίστας (`

• `) στοιχεία στο στοιχείο «
  » για κάθε στοιχείο του αναπτυσσόμενου μενού. Προσθέστε έναν σύνδεσμο σε κάθε στοιχείο λίστας με την κλάση "αναπτυσσόμενο στοιχείο".

  Ακολουθεί ένα παράδειγμα κώδικα:

  ```html

  Αναπτυσσόμενο

  • Ενέργεια
  • Άλλη ενέργεια
  • Κάτι άλλο εδώ

  ```

  Πρόσθετες σημειώσεις :

  - Για να προσθέσετε περισσότερα στοιχεία του αναπτυσσόμενου μενού, απλώς προσθέστε περισσότερα `

  • ` στοιχεία στο στοιχείο "
    ".

    - Για να αλλάξετε την εμφάνιση του αναπτυσσόμενου μενού, μπορείτε να χρησιμοποιήσετε τις κλάσεις «dropdown-menu-sm», «dropdown-menu-lg» ή «dropdown-menu-xl».

    - Για να προσθέσετε ένα διαχωριστικό μεταξύ των στοιχείων του αναπτυσσόμενου μενού, χρησιμοποιήστε το « στοιχείο

    ---

    ` με την κλάση "dropdown-divider".

    - Για να απενεργοποιήσετε έναν αναπτυσσόμενο σύνδεσμο, προσθέστε την κλάση "disabled" στον σύνδεσμο.

    - Για να ευθυγραμμίσετε το αναπτυσσόμενο μενού προς τα αριστερά ή προς τα δεξιά, χρησιμοποιήστε την κλάση «dropdown-menu-left» ή «dropdown-menu-right», αντίστοιχα.