How to make Twitter Bootstrap menu dropdown on hover rather than click

Question

I\'d like to have my Bootstrap menu automatically drop down on hover, rather than having to click the menu title. I\'d also like to lose the little arrows next to the menu t

Answer 1

To enhance Sudharshan's answer, I wrap this in a media query to prevent the hover when on XS display widths...

@media (min-width:768px)
{
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;    
    }

    .nav .dropdown-menu {
        margin-top: 0;
    }
}

Also the caret in the markup is not required, just the dropdown class for the li.