My navigation bar is built using Bootstrap and contains multiple drop-down items.
Now I have another div with the class of col-md-3.
Within this div, I would like to display the items of the dropdown menu when hovered over. Currently, hovering over a dropdown displays its submenu instead of clicking it.
Is there a way for me to show the sub items of a dropdown menu in that specific sidebar div?
I want these subitems to be accessible from both the dropdown and the sidebar div simultaneously.
This is an example snippet of my code:
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
[...]
[...]
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container-fluid">
<div class="col-md-12" >
<div class="col-md-3">
<!-- Sidebar content here-->
</div>
</div>
</div>