mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
12 KiB
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 menu markup.
Plugin dependency
Button dropdowns require the dropdown plugin to be included in your version of Bootstrap.
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.
Default
Toggle Dropdown
Primary
Toggle Dropdown
Success
Toggle Dropdown
Info
Toggle Dropdown
Warning
Toggle Dropdown
Danger
Toggle Dropdown
{% highlight html %}
Action
Toggle Dropdown
{% endhighlight %}
Sizing
Button dropdowns work with buttons of all sizes.
Large button
Small button
Extra small button
{% highlight html %}
Large button
-
...
Small button
-
...
Extra small button
{% endhighlight %}
-
...
Dropup variation
Trigger dropdown menus above elements by adding .dropup
to the parent.
Dropup
Toggle Dropdown
Right dropup
Toggle Dropdown
{% highlight html %}
Dropup
Toggle Dropdown
{% endhighlight %}