Skip to content

Instantly share code, notes, and snippets.

@dylanvalade

dylanvalade/bootstrap-3-dropdown-on-hover.css

Last active September 20, 2017 00:26
Show Gist options
  • Save dylanvalade/c41471f7be8e65739eb3 to your computer and use it in GitHub Desktop.
Save dylanvalade/c41471f7be8e65739eb3 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 3 Dropdown Menus On Hover
Raw
bootstrap-3-dropdown-on-hover.css
/* Enable Bootstrap Hover Drop Downs */
.dropdown-menu li:hover .sub-menu {
visibility: visible;
}
.dropdown:hover .dropdown-menu {
display: block;
}
@dylanvalade
Copy link
Author

Code from http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click#10143018

@mdo doesn't want hover dropdowns. http://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/
He modeled the UI after OSX. However, OSX uses both approaches. First you have to click an application's top level menu item to see it's submenu. After that, all submenus expand and collapse on hover.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment