0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-12 00:08:59 +01:00
Bootstrap/docs/components/button-dropdown.md
Mark Otto 466d36e541 Redo all our callouts with the custom callout plugin
- Replaces manual use of .bd-callout with {% callout [type] %}
- Rearranged some callouts for proximity to others
- Turned long lists of callouts--like those on tooltips, plugings, etc--into a list because holy shit that's overwhelming
2015-04-16 16:56:40 -07:00

12 KiB

layout title
page Button dropdown

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 to be included in your version of Bootstrap. {% endcallout %}

Single button dropdowns

Turn a button into a dropdown toggle with some basic markup changes.

{% highlight html %}

{% endhighlight %}

Split button dropdowns

Similarly, create split button dropdowns with the same markup changes, only with a separate button.

{% highlight html %}

{% endhighlight %}

Sizing

Button dropdowns work with buttons of all sizes.

{% highlight html %}

Large button
    ...
Small button
    ...
Extra small button
    ...
{% endhighlight %}

Dropup variation

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

{% highlight html %}

Dropup Toggle Dropdown
{% endhighlight %}