Please wait...

Dropdowns

  1. Home
  2. Basic UI

Basic Dropdowns

Turn a button into a dropdown toggle with some basic markup changes.

Color In Dropdowns

We provide a set color of dropdown for your choice, turn a button into a dropdown toggle with some basic markup changes.

Divider

Add a divider to separate series of links in a dropdown menu.

Splite Button Dropdowns

Similarly, create split button dropdowns with the same markup changes, only with a separate button.

Dropup Variation

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

Alignment

Add .dropdown-menu-right to a .dropdown-menu to right align the dropdown menu.

Bullet

Add class .bullet to the dropdown menu for add bullet

Dropdown Header

Simply add a header to label sections of actions in any dropdown menu.

Disabled Menu Item

Add .dropdown-menu-right to a .dropdown-menu to right align the dropdown menu.

Active Menu Item

Add .active to a <li> in the dropdown to disable the link.

Icon In Menu Item

Simple to add icon in menu.

Material Buttons Dropdowns

Use a button classes (eg., btn, bg-red) etc. to quickly create a material button