├── assets ├── colors.png ├── sizing.png ├── directions.png ├── split-button.png └── basic-example.png ├── LICENSE └── README.md /assets/colors.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdbootstrap/bootstrap-dropdowns/main/assets/colors.png -------------------------------------------------------------------------------- /assets/sizing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdbootstrap/bootstrap-dropdowns/main/assets/sizing.png -------------------------------------------------------------------------------- /assets/directions.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdbootstrap/bootstrap-dropdowns/main/assets/directions.png -------------------------------------------------------------------------------- /assets/split-button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdbootstrap/bootstrap-dropdowns/main/assets/split-button.png -------------------------------------------------------------------------------- /assets/basic-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mdbootstrap/bootstrap-dropdowns/main/assets/basic-example.png -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 MDBootstrap 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Free Bootstrap Dropdowns & Components Collection 2 | 3 | Responsive dropdown/caret built with Bootstrap 5. Examples of navbar dropdown, dropdown list, submenu, dropdown toggle, dropdown hover, hamburger icon & more. 4 | 5 |

How to use it?

6 |

7 | 1. Download MDB 5 - free UI KIT

8 |

2. Choose your favourite customized example and click show code to see the code

9 |

3. Copy & paste the code into your MDB project

10 | 11 | -------------------- 12 | 13 | [📄 **Documentation & usage guide**](https://mdbootstrap.com/docs/standard/components/dropdowns/) 14 | 15 | These components were built with a **free Material Design UI Kit for the latest Bootstrap 5**. 16 | 17 | [![GitHub Stars](https://img.shields.io/github/stars/mdbootstrap/mdb-ui-kit?label=Star%20now&style=social)](https://github.com/mdbootstrap/mdb-ui-kit/) 18 | 19 | --------------------- 20 | 21 |

Basic example

22 | 23 | [![Bootstrap 5 Dropdowns](/assets/basic-example.png)](https://mdbootstrap.com/docs/standard/components/dropdowns/#section-basic-examples) 24 | 25 | 26 |
27 | 28 |

Colors

29 | 30 | [![Bootstrap 5 Dropdowns](/assets/colors.png)](https://mdbootstrap.com/docs/standard/components/dropdowns/#section-colors) 31 | 32 | 33 |
34 | 35 |

Split button

36 | 37 | [![Bootstrap 5 Dropdowns](/assets/split-button.png)](https://mdbootstrap.com/docs/standard/components/dropdowns/#section-split-button) 38 | 39 | 40 |
41 | 42 |

Sizing

43 | 44 | [![Bootstrap 5 Dropdowns](/assets/sizing.png)](https://mdbootstrap.com/docs/standard/components/dropdowns/#section-sizing) 45 | 46 | 47 |
48 | 49 |

Directions

50 | 51 | [![Bootstrap 5 Dropdowns](/assets/directions.png)](https://mdbootstrap.com/docs/standard/components/dropdowns/#section-directions) 52 | 53 | 54 | 55 |
56 | 57 |

For more examples visit our documentation.

58 | 59 |
60 | 61 |

Related Resources

62 | 63 |
Buttons
64 | 65 |
Cards
66 | 67 |
Carousel
68 | 69 |
Popovers
70 | 71 |
Modal
72 | 73 | 74 | --------------------------------------------------------------------------------