{% extends "partials/layouts/main-layout.html.twig" %} {% block body_attributes %} {% endblock %} {% block sidebar %} {% include "partials/sidebar.html.twig" %} {% endblock %} {% block hr_sidebar %} {% include "partials/horizontal-sidebar.html.twig" %} {% endblock %} {% block content %}
{% include "partials/breadcrumb.html.twig" with {'title': "Dropdowns", 'subtitle': "Home"} %}

Button with Dropdown

Split button dropdowns

Light Button with Dropdown

Light Split with Dropdown

Large button dropdowns

Use a .btn-lg classes to create instant button

Small button dropdowns

Use a .btn-sm classes to create instant button

Large Dark Dropdown

Use dropdown-menu-dark for dark dropdown buttons.

Small Dark Dropdown

Use dropdown-menu-dark for dark dropdown buttons.

Animated Dropdowns

Give class to the button animated flipInX, flipInY, lightSpeedIn, slideInUp use any animations class

Light Animated Dropdowns

Give class to the button animated flipInX, flipInY, lightSpeedIn, slideInUp use any animations class

Animated Dropdowns with icon

Give class to the button animated flipInX, flipInY, lightSpeedIn, slideInUp use any animations class

Light Animated Button Dropdowns with icon

Give class to the button animated flipInX, flipInY, lightSpeedIn, slideInUp use any animations class

Direction of the Dropdown

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

Dropdown Right Side
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Dropdown Up Side
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Dropdown Left Side
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Menu Alignment

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

Responsive Alignment

Different Menu Content

Dropdown header
Action Another action
Action Another action Something else here
Separated link

Some example text that's free-flowing within the dropdown menu.

And this is more example text.

New around here? Sign up Forgot password?

Dropdown Options

Action Another action Something else here
Action Another action Something else here
Separated link
{% endblock %}