Dropdowns

  1. Elements
  2. Dropdowns
Export Download Help Settings
View Add Email Save Remove More
Basic Example

Wrap the dropdown’s toggle (your button or link) and the dropdown menu within .dropdown, or another element that declares position relative. Dropdowns can be triggered from link or button elements to better fit your potential needs.

Action Another action Something else here
Drop Up

Trigger dropdown menus above elements by adding dropup class to the parent element.

Action Another action Something else here
Active Menu Item

Add active class to items in the dropdown to style them as active.

Action Another action Something else here
Disabled Menu Item

Add disabled class to items in the dropdown to style them as disabled.

Action Another action Something else here
Dropdown Divider

Separate groups of related menu items with a divider.

Dropdown header
Action Another action Something else here
Separated link
Single Button Dropdowns

Any single .btn can be turned into a dropdown toggle with some markup changes.The best part is you can do this with any button variant, too

Single Square Outline Button Dropdowns

Any single .btn can be turned into a dropdown toggle with some markup changes.The best part is you can do this with any button variant, too

Single Light Button Dropdowns

Any single .btn can be turned into a dropdown toggle with some markup changes.The best part is you can do this with any button variant, too

Rounded Light Button Dropdowns

Any single .btn can be turned into a dropdown toggle with some markup changes.The best part is you can do this with any button variant, too

Rounded Button Dropdowns

Any single .btn can be turned into a dropdown toggle with some markup changes.The best part is you can do this with any button variant, too

Rounded Split Button Dropdowns

Any single .btn can be turned into a dropdown toggle with some markup changes.The best part is you can do this with any button variant, too

Split Button Dropdowns

Any single .btn can be turned into a dropdown toggle with some markup changes.The best part is you can do this with any button variant, too

Split Button Dropdowns

Any single .btn can be turned into a dropdown toggle with some markup changes.The best part is you can do this with any button variant, too

Dropdown Sizes

Button dropdowns work with buttons of all sizes, including default and split dropdown buttons

HTML Project
Project status 35%
Wordpress Project
Project status 50%
Angular Project
Project status 40%
React Project
Project status 10%
PHP Project
Project status 70%