Back to Index

Buttons


Default Button Styles

All styles are attribute based.

Button states are: :hover, :focus, :active, and :disabled.

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.


Disabled State

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.

Inline buttons

Wrap inputs in a div with the class .input-group and button in a span with the class .input-group-addon.

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.


Grouped Buttons

Wrap the buttons in a div with class .btn-group

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.

Error

Default Button Styles

All styles are attribute based.

Button states are: :hover, :focus, :active, and :disabled.

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.


Disabled State

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.

Inline buttons

Wrap inputs in a div with the class .input-group and button in a span with the class .input-group-addon.

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.


Grouped Buttons

Wrap the buttons in a div with class .btn-group

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.

Success

Default Button Styles

All styles are attribute based.

Button states are: :hover, :focus, :active, and :disabled.

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.


Disabled State

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.

Inline buttons

Wrap inputs in a div with the class .input-group and button in a span with the class .input-group-addon.

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.


Grouped Buttons

Wrap the buttons in a div with class .btn-group

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Input : Reset

Standard input[type="reset"] element.