Use any of the available button classes to quickly create a styled button.
Fancy larger or smaller buttons? Add
.btn-xs for additional sizes.
Create block level buttons—those that span the full width of a parent— by adding
Button State Active
No need to add
:active as it's a pseudo-class, but if you need to force the same appearance, go ahead and add
Button State Disabled
disabled attribute to
Button Dropdowns Single
Turn a button into a dropdown toggle with some basic markup changes.
Button Dropdowns Split
Similarly, create split button dropdowns with the same markup changes, only with a separate button.
Button Single Toggle
data-toggle="button" to activate toggling on a single button.
data-toggle="buttons" to a group of checkboxes for checkbox style toggling on btn-group.
data-toggle="buttons" to a group of radio inputs for radio style toggling on btn-group.
The large block is hard to miss, easily scalable, and provides large click areas.
Links are customizable for different circumstances. Use
.disabled for unclickable links and
.active to indicate the current page.