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.