Выпаделение горизонтального 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; 
	} 
}