Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/mdbootstrap/bootstrap-dropdown-on-hover

Responsive Dropdown on hover built with Bootstrap 5. Example of how to make dropdown expand when you hover over it.
https://github.com/mdbootstrap/bootstrap-dropdown-on-hover

bootstrap bootstrap-dropdown bootstrap-dropdown-on-hover bootstrap-template bootstrap-theme bootstrap5 css html

Last synced: 4 months ago
JSON representation

Responsive Dropdown on hover built with Bootstrap 5. Example of how to make dropdown expand when you hover over it.

Awesome Lists containing this project

README 

          
# Dropdown on hover



Responsive Dropdown on hover built with Bootstrap 5. Example of how to make dropdown expand when you hover over it.



Check out [Bootstrap Dropdown on hover Documentation](https://mdbootstrap.com/docs/standard/extended/dropdown-on-hover/) for detailed instructions & even more examples.



## Basic example



Add `CSS` that makes the dropdown-menu expand when hovering over a dropdown element.



```html



  

    Dropdown button

  

  



```



```css

.dropdown:hover>.dropdown-menu {

  display: block;

}



.dropdown>.dropdown-toggle:active {

  /*Without this, clicking will make it sticky*/

    pointer-events: none;

}

```



## How to use?



1. Download MDB - free UI KIT



2. Choose your favorite customized component and click on the image



3. Copy & paste the code into your MDB project



[▶️ Subscribe to the YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)



___



## More extended Bootstrap documentation