--- layout: docs title: Button dropdown group: components --- [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs {% callout info %} **Bootstrap Reference Documentation** This is reference documentation from Bootstrap. It is being rendered with Material Design for Bootstrap to demonstrate default styling. See addons(TODO: add link) for additional Material Design elements. {% endcallout %} Use any button to trigger a dropdown menu by placing it within a `.btn-group` and providing the proper dropdown menu markup. {% callout danger %} #### Plugin dependency Button dropdowns require the [dropdown plugin]({{ site.baseurl }}/components/dropdowns/) to be included in your version of Bootstrap. {% endcallout %} ## Contents * Will be replaced with the ToC, excluding the "Contents" header {:toc} ### Single button dropdowns Turn a button into a dropdown toggle with some basic markup changes.
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
{% highlight html %}
Action Another action Something else here
Separated link
{% endhighlight %} ### Split button dropdowns Similarly, create split button dropdowns with the same markup changes, only with a separate button.
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
{% highlight html %}
Action Another action Something else here
Separated link
{% endhighlight %} ### Sizing Button dropdowns work with buttons of all sizes.
{% highlight html %}
...
...
{% endhighlight %} ### Dropup variation Trigger dropdown menus above elements by adding `.dropup` to the parent.
{% highlight html %}
{% endhighlight %}