Buttons


Default Button Styles

All styles are attribute based.

Button states are: :hover, :focus, :active, and :disabled. Hyperlinks disabled state are styled by adding the class .disabled.

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Link

Standard a[role="button] element.

button

Disabled State

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Link

Standard a[role="button] element.

button

Inline buttons

Add the class .btn-inline

Button

Standard button element.

Input : Button

Standard input[type="button"] element.

Input : Submit

Standard input[type="submit"] element.

Link

Standard a[role="button] element.

submit

Grouped Buttons

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