Standard Forms

Individual form controls automatically receive some global styling. All textual input, textarea, and select elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing.

Basic Elements

Individual form controls automatically receive some global styling.

Examples

A block of help text that breaks onto a new line and may extend beyond one line.

email@example.com

Checkboxes and Radios

Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.

Examples


Sizing

Add the relative form sizing classes to the .input-group itself and contents within will automatically resize

Examples

Form Elements Options

Extend form controls by adding text or buttons before, after, or on both sides of any text-based input.

Basic examples

@

.00

$ .00


Validation States

To use, add .has-warning, .has-error, or .has-success to the parent element.

Validation States

validation states with optional icons

@
(success)
@
(success)
@
(success)