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