#### Single button dropdowns

Any single `.btn` can be turned into a dropdown toggle with some markup changes. Here’s how you can put them to work with either `<button>` elements:

Dropdown link

#### Variant

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

#### Dropdown Menu Item Color

Example of dropdown menu item color

##### Dropdown Menu Success link example

##### Dropdown Menu link Color example

Dropdown menu Primary link

Dropdown menu Secondary link

Dropdown menu Success link

Dropdown menu Warning link

Dropdown menu Info link

Dropdown menu Danger link

#### Split Button Dropdowns

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

#### Sizing

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

#### Dark Dropdown

Option into darker dropdowns to match a dark navbar or custom style by adding `.dropdown-menu-dark` onto an existing `.dropdown-menu`. No changes are required to the dropdown items.

#### Menu Content

Example of dropdown menu Headers, Text, Forms content

#### Menu Alignment

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

#### Auto Close Behavior

Trigger dropdown menus at the right of the elements by adding `.dropstart` to the parent element.

#### Dropup Variation

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

#### Dropleft Variation

Trigger dropdown menus at the right of the elements by adding `.dropstart` to the parent element.

#### Dropright Variation

Trigger dropdown menus at the right of the elements by adding `.dropend` to the parent element.

Settings

##### Theme Customizer

###### Layout

Vertical
Horizontal

###### Layout Mode

Light
Dark
Bordered

###### Layout Width

Fluid
Boxed

###### Layout Position

Fixed
Scrollable

###### Topbar Type

Light
Dark
Hidden

###### Direction

LTR
RTL

##### Offcanvas right

...