• logo
    logo-toggled
  • Getting started
  • Components
    Components
    Alerts Badge Border Breadcrumb Buttons Card Colors Dropdown Form Jumbotron List group Modal Navbar Navs Pagination Progress Spinners Table Toast

logo
logo-toggled
  • Inschrijven
  • Inloggen

Dropdown

Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.

Examples

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 a or button elements to better fit your potential needs.

These dropdowns are equipped with the .white class.

.dropdown .primary
.active .hover .default
.disabled
.dropdown .secondary
.active .hover .default
.disabled
.dropdown .red
.active .hover .default
.disabled
.dropdown .green
.active .hover .default
.disabled
.dropdown .blue
.active .hover .default
.disabled
.dropdown .yellow
.active .hover .default
.disabled
.dropdown .white
.active .hover .default
.disabled
.dropdown .black
.active .hover .default
.disabled

The best part is you can do this with any class variant, too:

.dropdown .primary
.active .hover .default
.disabled
.dropdown .secondary
.active .hover .default
.disabled
.dropdown .red
.active .hover .default
.disabled
.dropdown .green
.active .hover .default
.disabled
.dropdown .blue
.active .hover .default
.disabled
.dropdown .yellow
.active .hover .default
.disabled
.dropdown .white
.active .hover .default
.disabled
.dropdown .black
.active .hover .default
.disabled