Your bootstrap top level menu will not be clickable when you add more menus under it like sub-navs or dropdowns. There are some How-Tos of adding a snippet of JavaScript or php online to make it work, but it seems to be risky and complicated.
Here’s a simple solution changing 1 word from your Bootstrap HTML file:
<li class="dropdown" data-dropdown="dropdown">
<a href="URL" class="dropdown-toggle" data-hover="dropdown">X</a>
<ul class="sub-menu dropdown-menu">
<li></li>
</ul>
</li>
Change data-toggle to data-hover. Done!
If you use “Bootstrap-basic” theme on your WordPress, look for a file called, “BootstrapBasicMyWalkerNavMenu.php” under “inc” folder. Find the code “data-toggle” and replace with “data-hover“. Isn’t this super easy!?
Wrong. If you do so, dropdown menu is not usable.