@@include("partials/title-meta.html", {"title": "Dropdowns"}) @@include("partials/head-css.html")
@@include("partials/topbar.html") @@include("partials/sidebar.html")
@@include("partials/page-title.html", {"pagetitle": "Morvin", "subtitle":"UI Elements" ,"title": "Dropdowns"})

#### 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:

#### 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.

#### Dropup variation

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

#### Menu alignment

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

#### Dropright variation

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

#### Dropleft variation

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

@@include("partials/footer.html")
@@include("partials/right-sidebar.html") @@include("partials/vendor-scripts.html")