Form Elements
Input States
Bootstrap includes validation styles for error, warning, and success states on form controls.
Input Sizes
Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.
Input groups
Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>. Use .input-group with an .input-group-addon or .input-group-btn to prepend or append elements to a single .form-control.
Basic example
Horizontal form
Checkbox and Radio
Basic
Supports bootstrap brand colors: .checkbox-primary, .checkbox-info etc.
Checkboxes without label text .checkbox-single
Inline checkboxes
Circled
.checkbox-circle for roundness.
Checkboxes without label text .checkbox-single
Inline checkboxes
Disabled
Disabled state also supported.
Basic
Supports bootstrap brand colors: .radio-primary, .radio-danger etc.
Radios without label text .radio-single
Inline radios
Disabled
Disabled state also supported.