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;
 });
});