The easiest solution would be in CSS. Add something like…
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0; // remove the gap so it doesn't close
}
More Related Contents:
- Changing nav-bar color after scrolling?
- How to create a responsive image that also scales up in Bootstrap 3
- How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
- How to resize Twitter Bootstrap modal dynamically based on the content
- Bootstrap Dropdown menu is not working
- How to have html popup appear over main html page?
- Write tags in HTML and print
- Change from (+) symbol to (-) after click (function(){
- How can i create html automatic change page? [duplicate]
- How to disable HTML links
- Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
- Refresh/reload the content in Div using jquery/ajax
- Animate element to auto height with jQuery
- How to style “input file” with CSS3 / Javascript? [duplicate]
- How to get nth-child selector to skip hidden divs [duplicate]
- How to auto-scroll to end of div when data is added? [duplicate]
- Disable dragging an image from an HTML page
- Open a new javascript window(.open) along with its CSS styling
- Use a new CSS file to override current website’s
- How to keep the menu state on page reload
- How can I change the font (family) for the labels in Chart.JS?
- Unusual shape of a textarea?
- I want to show list items as 2 or more columns (dynamic alignment)
- How to display Image dynamically on UI?
- How do I make a move up and down when I’m scrolling the page?
- Fade background image in and out with jQuery?
- How do I detect the inherited background-color of an element using jQuery/JS?
- Convert dropdown to selection boxes with color and trigger drop down action
- Detect if dropdown navigation would go off screen and reposition it
- Iframe inherit from parent