dropdown on hover code example
Example 1: bootstrap dropdown on hover
<body>
<style>
.dropdown:hover>.dropdown-menu{
display: block;
}
</style>
</body>
Example 2: dropdown on hover
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0; // remove the gap so it doesn't close
}
Example 3: bootstrap hover dropdown
...
<div class="collapse navbar-collapse" data-hover="dropdown" data-animations="fadeInDown fadeInRight fadeInUp fadeInLeft>
<ul class="nav navbar-nav">
...
</ul>
</div>
...
or
...
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav" data-hover="dropdown" data-animations="fadeInDown fadeInRight fadeInUp fadeInLeft>
...
</ul>
</div>
...