after browing through google I finally found a way to make hover dropdown menu bootstrap. I never thought I would be this easy . The following hover feature to activate the dropdown menu in the bootstrap
Add a line on css
.dropdown:hover .dropdown-menu { display: block; }
very easy right?