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-groupwith an .input-group-addonor .input-group-btnto prepend or append elements to a single .form-control.
Basic example
Horizontal form
Checkbox and Radio
Basic
Supports bootstrap brand colors: .checkbox-primary, .checkbox-infoetc.
Checkboxes without label text .checkbox-single
Inline checkboxes
Circled
.checkbox-circlefor roundness.
Checkboxes without label text .checkbox-single
Inline checkboxes
Disabled
Disabled state also supported.
Basic
Supports bootstrap brand colors: .radio-primary, .radio-dangeretc.
Radios without label text .radio-single
Inline radios
Disabled
Disabled state also supported.