Wie mache ich Bootstrap-Dropdown-Funktionen per Hover möglich?

Bootstrap Hover Dropdown

Sie haben mithilfe der „onClick“-Funktionalität von Bootstrap eine Navigationsleiste mit Dropdown-Menüs konfiguriert. Sie möchten jedoch stattdessen die Dropdowns beim Bewegen der Maus aktivieren.

Lösung:

Bootstrap bietet keine integrierte Hover-Funktionalität für Dropdowns. Um dies zu erreichen, können wir CSS nutzen:

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}

Diese CSS-Regel wird:

• Dropdown-Menü anzeigen, wenn der Mauszeiger über das übergeordnete Dropdown-Menü bewegt wird
• Beseitigt die Lücke, die durch den Standardwert „Margin-Top“ entsteht

Das obige ist der detaillierte Inhalt vonWie mache ich Bootstrap-Dropdown-Funktionen per Hover möglich?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!