Form Elements

email@example.com

A block of help text that breaks onto a new line and may extend beyond one line.
Multiple select
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.