Button dropdowns

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

Input button dropdowns

We also use our button dropdown styles to provide a stylised select box.

Bootstrap simply supplies the required styles. A full implementation for Angular 1.X can be found in our styleguide-components.

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

Dropup variation

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

{% highlight html %}
{% endhighlight %}