Buttons page header description goes here...

Use the button classes on an <a>, <button>, or <input> element.

Link Button

Add .active class to the button, so that the button will appear pressed.

Primary button Button

Add the disabled attribute to <button> buttons to make buttons look unclickable.

Primary button Button

Turn a button into a dropdown toggle with some basic markup changes.

Similarly, create split button dropdowns with the same markup changes, only with a separate button.

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

Default Primary Success Info Warning Danger Purple Pink Yellow Grey Inverse Link

Add the .btn-outline class to quickly create a outline styled button

Default Primary

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

Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

Large button Large button

Default button Default button

Small button Small button

Extra small button Extra small button

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

Just wrap a series of .btns in .btn-group.btn-group-justified.

Make a set of buttons appear vertically stacked rather than horizontally by using .btn-group-vertical.