InformationenPC Fehlerbehebung
More
Fehlerbehebung
HOME
* Computer Wissen >> Fehlerbehebung >> PC Fehlerbehebung >> .
Wie erstelle ich Bootstrap 5 Dropdowns?
So erstellen Sie ein Bootstrap 5-Dropdown:
1. Erstellen Sie ein „
“-Element für das Dropdown. Fügen Sie die Klasse „dropdown“ hinzu.
2. Erstellen Sie einen Link, um das Dropdown-Menü umzuschalten. Fügen Sie dem Link die Klasse „dropdown-toggle“ und das Attribut „data-bs-toggle="dropdown"“ hinzu.
3. Erstellen Sie ein „
“-Element für das Dropdown-Menü. Fügen Sie die Klasse „dropdown-menu“ zum Element „“ hinzu.
4. Liste hinzufügen (`
- `)-Elemente zum Element „
“ für jeden Dropdown-Menüpunkt hinzufügen. Fügen Sie mit der Klasse „dropdown-item“ einen Link zu jedem Listenelement hinzu.
Hier ist ein Beispielcode:
```html
„
Zusätzliche Hinweise :
- Um weitere Dropdown-Menüelemente hinzuzufügen, fügen Sie einfach weitere ` hinzu
- `-Elemente in das „
“-Element einfügen.
- Um das Erscheinungsbild des Dropdown-Menüs zu ändern, können Sie die Klassen „dropdown-menu-sm“, „dropdown-menu-lg“ oder „dropdown-menu-xl“ verwenden.
- Um eine Trennlinie zwischen Dropdown-Menüelementen hinzuzufügen, verwenden Sie das `
`-Element mit der `dropdown-divider`-Klasse.
- Um einen Dropdown-Link zu deaktivieren, fügen Sie dem Link die Klasse „disabled“ hinzu.
- Um das Dropdown-Menü nach links oder rechts auszurichten, verwenden Sie die Klasse „dropdown-menu-left“ bzw. „dropdown-menu-right“.