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?