Button Colors
Use any of the available button classes to quickly create a styled button.
Button Sizes
Fancy larger or smaller buttons? Add .btn-lg
, .btn-sm
, or .btn-xs
for additional sizes.
Button Block
Create block level buttons—those that span the full width of a parent— by adding .btn-block
.
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 .active
.
Button State Disabled
Add the disabled
attribute to <button>
buttons.
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
Add data-toggle="button"
to activate toggling on a single button.
Button Checkbox
Add data-toggle="buttons"
to a group of checkboxes for checkbox style toggling on btn-group.
Button Radio
Add data-toggle="buttons"
to a group of radio inputs for radio style toggling on btn-group.
Pagination Default
The large block is hard to miss, easily scalable, and provides large click areas.
Pagination States
Links are customizable for different circumstances. Use .disabled
for unclickable links and .active
to indicate the current page.