Buttons

Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin.

Available Colors

Use any of the available button classes to quickly create a styled button.

Examples



Outline Variations

Sizes

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

Block Level Buttons

Justified Sizes Buttons

Disabled States

Sizing

Buttons Groups

Group a series of buttons together on a single line with the button group. Wrap a series of buttons with .btn in .btn-group

Nesting

Vertical Variation

Nesting

Buttons Toolbar

Buttons with Dropdowns

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

Dropdowns

Toggleable, contextual menu for displaying lists of links.

Example with Headers

Example Disable Item

Buttons with Icons

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

Only with Icons

Buttons with Icon

Buttons with Icons