Bootstrap 4 dropdown hover instead of click code example
Example 1: bootstrap dropdown on hover
<body>
<style>
.dropdown:hover>.dropdown-menu{
display: block;
}
</style>
</body>
Example 2: 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>
...