How to Make Bootstrap Dropdown Menu Extend on Hover

Bootstrap is a great CSS and Javascript framework. One of its brilliant features is the dropdown menu, which gets expanded when you click on it. In order to make it expand on mouse hover, you can just put this CSS inside your style sheet.

[css]
ul.nav li.dropdown:hover ul.dropdown-menu{
display: block;
}

/* if you want to hide the arrow */
a.menu:after, .dropdown-toggle:after {
content: none;
}
[/css]

Source

Riz
Riz

Passion is beyond limitation. If you’re passionate about ANYTHING, nobody can stop you not to do what you want. Blogging and Web Designing is my passion that don’t drive me to do what I want but push me as well to share fanatical stuff with people.

Your email address will not be published. Required fields are marked *

div#stuning-header .dfd-stuning-header-bg-container {background-image: url(http://www.downgraf.com/wp-content/uploads/2017/04/login-back.jpg);background-size: cover;background-position: center center;background-attachment: scroll;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 500px;}