Bootstrap Advanced Dropdowns
Improved dropdown menus for bootstrap. Highly customizable SCSS
styles with a modular approach and easymode theme creation.
Comes with several ready to use example themes.
View Demo
Features
Dropdown features
- Unlimited multi-level dropdown menu
- Scrollable dropdown
- Dropdown notification list
- Dropdown task list
- Normal and inversed dropdown colors
- Icons and badges
- Headers, footers, seperators.
- Additional utility classes to help with positioning and dimensions
Implementation features
- Easy to override or extend
- Modular approach. Exclude stuff you don't want / Include only the stuff you want.
- Highly customisable
- Or if your already content with the package as-is, simply include the css or scss in your own project.
Installation
Bower
bower install --save bootstrap-advanced-dropdowns
Npm
npm install --save bootstrap-advanced-dropdowns
Direct download
Click here to download the latest version
Implementing
CSS
Without the use of SCSS, you can simply reference bootstrap-advaced-dropdowns in your html.
SCSS
By using SCSS you will have multiple ways of implementing.
Here's an example of how to completely customize bootstrap-advanced-dropdowns.
Note that there are other ways of implementing. This is the most complete one.
Before importing any bootstrap-advanced-dropdowns scss
file, ensure bootstrap variables and mixins have been imported
;;
your-project / _variables.scss
// ... your code ... ;;;;; // ... your code ...
your-project / stylesheet.scss
// ... your code ... ;
If your SCSS
structure uses a multi-theme approach, you can add the following to the theme file.
Otherwise, you could append it to the code above.
your-project / themes / theme-one-stylesheet.scss
// ... your code ... ; ;;;;;;;;;;;;;; ;