Wie kann ich ein Bootstrap-Dropdown aktivieren, wenn ich mit der Maus darüber fahre, anstatt darauf zu klicken?

Hover-aktiviertes Bootstrap-Dropdown

Frage:

Wie kann ich ein Bootstrap-Dropdown ändern? Menü, das beim Schweben ausgelöst werden soll, statt klicken?

Antwort:

Während Bootstrap nativ keine Hover-Aktivierung zulässt, können Sie diese Anpassung mit CSS erreichen. So geht's:

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap to prevent closing */
}

Dieser Code überschreibt die Standardanzeigeeigenschaft des Dropdown-Menüs, wenn der Mauszeiger über das übergeordnete Element (.dropdown) bewegt wird, wodurch es sichtbar wird. Die Eigenschaft „margin-top“ beseitigt die Lücke, die normalerweise zwischen dem Dropdown-Menü und seinem Container auftritt.

Durch die beschriebene Änderung des CSS werden Ihre Dropdown-Menüs jetzt geöffnet, wenn Sie mit der Maus über die übergeordneten Elemente fahren, was den Benutzern mehr Benutzerfreundlichkeit bietet -freundliches und intuitives Navigationserlebnis.

Das obige ist der detaillierte Inhalt vonWie kann ich ein Bootstrap-Dropdown aktivieren, wenn ich mit der Maus darüber fahre, anstatt darauf zu klicken?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!