Basic Buttons

Button Colors

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

Default Primary Success Info Warning Danger Inverse White Link

Button Sizes

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

Large button Large button

Default button Default button

Small button Small button

Mini button Mini button

Button Blocks

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

Block level button Block level button Block level button Block level button
Button Dropdowns

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

Grouped Buttons

Group a series of buttons together on a single line with the button group.


Wrap a series of buttons with .btn in .btn-group.

1 2 3

With Dropdown

Place a .btn-group within another .btn-group when you want dropdown menus mixed with a series of buttons.

Vertical Button Group

Make a set of buttons appear vertically stacked rather than horizontally.