Bootstrap 4 Schnipsel und Hinweise
Dropdownmenü mit Hover Effekt
CSS
.dropdown:hover>.dropdown-menu { display: block; }
Der folgende Schnipsel ist wichtig um das obere Margin im Dropdown zu entfernen, da sonst die Bedienung nicht möglich ist.
.dropdown-menu {
margin-top: 0;
}
Zusätzlich muss beim Link der das Popup öffnet noch aus data-togle="dropdown" data-hover="dropdown" gemacht werden.
JS (Nur Bootstrap 4 mit JQuery)
jQuery(function($) { $('.dropdown > a').click(function(){ location.href = this.href; }); });
Comments
No Comments