How to make dropdown menu on hover and not on click?

Question

css

I have a menu and it has a submenu, made on the Wordpress engine. Added the necessary classes to make the dropdown menu on bootstrap, just need to make it happen on the hover event. I tried to find this code in the bootstrap.js source, but I did not figure it out.
Already tried to do it with css. Yes, the menu drops out on hover, but! The click event does not disappear, which is logical. Those. when you click on the main menu item, the .open class will be added to this item and it will be tinted with the standard bootstrap color and the submenu will remain open until you click somewhere else. Also in bootstrap the main menu is set to preventDefault so I can't navigate to the main menu pages.
What do you advise? Need to edit the bootstrap.js file? I thought that in the customizer you can configure, but there is no such thing. Tell

Answer 1

found the code in bootstrap.js
THERE is the dropdown plugin section. There are three click events in a row. Changed to hover and it worked

Answer 2

How complicated everything is ... Bootstrap, js ...
Something like this:

<ul>
<li><a>Пункт меню</a>
<ul><li>Пункт подменю</li></ul>
</li>
</ul>

ul ul{
display:none;
}
ul li:hover ul{
display:block;
}