html - After fixing open menu on mouseover in bootstrap3.0, when we click on menuitem the menu is not closing it remain opened -



html - After fixing open menu on mouseover in bootstrap3.0, when we click on menuitem the menu is not closing it remain opened -

i have set navbar dropdown menus in (using class="dropdown-toggle" data-toggle="dropdown"), , works fine.

the thing works onclick, while prefer if worked onhover.

is there built-in way this?

i tried

.dropdown:hover .dropdown-menu { display: block; }

this works fine menu open on mouse over, problem when click on menu item not close menu kept opened, menu should closed after click on menu item.

answer this question, maybe possible duplicate

css:

.sidebar-nav { padding: 9px 0; } .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; } .dropdown:hover .dropdown-menu { display: block; } .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; } .navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } .navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px; }

demo

or

simply utilize plugin bootstrap: dropdown on hover plugin

html css twitter-bootstrap

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -