Buttons

Button styling in Responsive has, like everything else, been designed with the bare minimum of CSS. Hook classes have been added to mimic focus .focus, active .active, and disabled .disabled states.

We strongly recommend using the <button></button> element over the <input /> element for all button style markup.

OS Default

Default

Standard button element.

Default

Standard input[type="submit"] element.

Styled

Default

Add the class .btn.

Default

Standard input[type="submit"] element.

Default

Standard a element.

button

Styled button States

Hover

Add class .hover to force.

input[type="submit"]

Standard a element.

button

Active

Add class .active to force.

input[type="submit"]

Standard a element.

button

Focus

Add class .focus to force.

input[type="submit"]

Standard a element.

button

Disabled

Add class .disabled to force.

input[type="submit"]

Standard a element.

button

Inline buttons

Add the class .btn-inline

OS Default

input[type="submit"]

Styled

input[type="submit"]

Standard a element.

submit

Grouped Buttons

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

first second third fourth