Elements

We'll never share your email with anyone else.
Input sizes
Column sizing
Validation

The example below uses a flexbox utility to vertically center the contents and changes .col to .col-auto so that your columns only take up as much space as needed. Put another way, the column sizes itself based on the contents.

Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Click submit to test validation feature
File upload
Horizontal form
Radios
Checkbox
Form controls

Textual form controls—like <input>s, <select>s, and <textarea>s—are styled with the .form-control class. Included are styles for general appearance, focus state, sizing, and more.

Validation errors
We'll never share your email with anyone else.