I changed the bootstrab.js (just replaced click with hover):

  $(function () {
    $('body').on('hover.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
and a script like that:

$('#content_tab').bind('mouseleave', function(){
    if ($('#tab_button').hasClass('active'))
                if ($('#content_tab').hasClass('active'))
    return false;
Its working so far but there is one problem. When not hovering over the content-div or another nav-tab after hovering over the desired nav-tab , it stays open/active. Like in a horizontal menu you hover over the 1st (most left) tab and then go out to the left.
jsFiddle to illustrate: http://jsfiddle.net/WnQvF/27/

Can anyone help me to finish that menu? I am thankful for every solution!