Выпаделение горизонтального bootstrap меню при наведении можно организовать следующим образом:
jQuery('ul.nav > li').hover(function() {
jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();
}, function() {
jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut();
})
Также с помощью css:
@media (min-width: 980px) {
.dropdown:hover > .dropdown-menu {
display: block;
}
}