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
Checkboxes & 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
Basic Examples
with Dropdowns
Segmented Buttons
Validation States
To use, add .has-warning, .has-error, or .has-success to the parent element.
Validation States
Validation States with icons
