{% 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"} %}

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.

Direction of the Dropdown

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.

Responsive Alignment

Different Menu Content

Dropdown Options

{% endblock %}