Bootstrap Button Dropdowns

We will cover topic about how to add drop down menu to buttons using Bootstrap classes in this tutorials. Adding a dropdown to button very simple, wrap the entire button and dropdown menu in the class .btn-group. Also use <span class="caret"></span> to act as an indicator that the button is a dropdown. Below mentioned code of example shows a basic single button dropdowns:

Split Button Dropdowns

Split button dropdowns with the same general style as the separate button but add along with the dropdown. Split buttons have the key action on the left and a toggle on the right that shows the dropdown.

Button Dropdown Size

You can use the dropdowns with different button size by using these classes .btn-large, .btn-sm, or .btn-xs.

Dropup variation

Default behavior of menu is dropdown but if you want to build menu that drop up. Then simply use .dropup class to the parent .btn-group containter.

Leave a Reply

Your email address will not be published. Required fields are marked *