Ich versuche, eine Überblendung in meinem Bootstrap Dropdown-Menü auf Hover zu erhalten. Bisher habe ich folgendes ohne Glück versucht.Bootstrap Drop-Down-Hover-Übergang
Mein Versuch
.dropdown-menu {
display: block;
opacity: 0;
-moz-transition: all 1000ms ease;
-webkit-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.sidebar-nav li:hover .dropdown-menu {
display: block;
opacity: 1;
}
diese Arbeit nicht. Es verzögerte sie um 1000 ms, fügte jedoch keinen Übergang hinzu. Ich habe es auch mit jQuery versucht, aber auch ohne Glück.
Here's a fiddle with the code - Das Dropdown-Menü befindet sich auf dem ersten Link "Arla nu" im Menü.
Konflikt mit den Bootstrap-Eigenschaften –