Was sind die Bootstrap-Dropdown-Menüs?

Bootstrap-Dropdown-Menüs sind in den folgenden Typen verfügbar: Einfaches Dropdown: Zeigt das Menü an, nachdem Sie auf das Element geklickt oder den Mauszeiger darüber gehalten haben. Dropdown-Menü „Teilen“: Fügen Sie Trennlinien hinzu, um Menüelemente zu gruppieren. Titel-Dropdown-Menü: Verwenden Sie Titel, um Menüelemente zu organisieren. Dropdown-Menü „Formular“: Enthält Formularelemente. Fokussierbares Dropdown: Tastaturnavigation zulassen. Dropdown-Menü deaktivieren: Benutzerinteraktion deaktivieren. Dropdown-Menü rechtsbündig: Richten Sie das Menü rechtsbündig am Auslöser aus. Bootstrap-Dropdown-Menütypen -Down-Menütyp.

Erstellt durch Hinzufügen der Klasse dropdown-toggle und des Attributs data-bs-toggle="dropdown" zum Tag <a> .

Wenn Sie darauf klicken oder den Mauszeiger darüber bewegen (abhängig vom Attributwert data-bs-toggle), wird ein Menü mit Menüelementen unter dem Tag <a> angezeigt.

Dropdown-Menü teilen:

Fügen Sie dem Basis-Dropdown-Menü eine Trennlinie hinzu, um Menüelemente in verschiedene Abschnitte zu gruppieren. Erstellt durch Hinzufügen der Klasse dropdown-divider.

• Titel-Dropdown:
• <a> 标签上添加 dropdown-toggle 类和 data-bs-toggle="dropdown" 属性创建。
• 点击或悬停（取决于 data-bs-toggle 属性值）时，它会在 <a> 标签下方显示一个包含菜单项的菜单。

分割下拉菜单:

• 在基本下拉菜单中添加一条分隔线，将菜单项分组为不同的部分。
• 通过添加 dropdown-divider 类创建。

标题下拉菜单:

• 提供一个标题，用于组织和标记下拉菜单中的菜单项。
• 通过添加 dropdown-header 类创建。

表单下拉菜单:

• 包含表单元素（如输入字段或选择框）。
• 通过在菜单项中添加必要的 HTML 标记创建。

可聚焦下拉菜单:

• 允许用户使用键盘导航和选择菜单项。
• 通过添加 dropdown-item focusable 类创建。

禁用下拉菜单:

• 禁止用户与菜单交互。
• 通过添加 disabled 属性创建。

右对齐下拉菜单:

• 将菜单右对齐到触发器元素。
• 通过添加 dropdown-menu-end

Bietet einen Titel zum Organisieren und Beschriften der Menüelemente im Dropdown-Menü. 🎜🎜Erstellt durch Hinzufügen der Klasse dropdown-header. 🎜🎜🎜🎜Formular-Dropdown: 🎜🎜🎜🎜Enthält Formularelemente (z. B. Eingabefelder oder Auswahlfelder). 🎜🎜Erstellt durch Hinzufügen der erforderlichen HTML-Tags in Menüelementen. 🎜🎜🎜🎜Fokussierbares Dropdown-Menü: 🎜🎜🎜🎜Ermöglicht Benutzern das Navigieren und Auswählen von Menüelementen mithilfe der Tastatur. 🎜🎜Erstellt durch Hinzufügen der Klasse dropdown-item focusable. 🎜🎜🎜🎜Dropdown-Menü deaktivieren: 🎜🎜🎜🎜Deaktiviert die Benutzerinteraktion mit dem Menü. 🎜🎜Erstellt durch Hinzufügen des Attributs disabled. 🎜🎜🎜🎜Dropdown-Menü rechts ausrichten: 🎜🎜🎜🎜 Richten Sie das Menü rechts am Auslöseelement aus. 🎜🎜Erstellt durch Hinzufügen der Klasse dropdown-menu-end. 🎜🎜

Das obige ist der detaillierte Inhalt vonWas sind die Bootstrap-Dropdown-Menüs?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!