hover-open class in bootstrap 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
}