Buttons page header description goes here...

BUTTON TAGS

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

Link

ACTIVE STATE

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

DISABLED STATE

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

BUTTON DROPDOWNS

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

SPLIT BUTTON DROPDOWNS

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

BUTTON OPTIONS

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

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

BUTTON GROUPS

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

BUTTON GROUPS

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

BUTTON SIZES

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.

JUSTIFIED BUTTON GROUPS

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

VERTICAL BUTTON GROUPS

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