mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-12 00:08:59 +01:00
466d36e541
- 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
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 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.
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 %}