Elements

Basic Form Example

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.

First name

Last name

City

Please provide a valid city.

State

Please provide a valid state.

Zip

Please provide a valid zip.

Click submit to test validation feature

File upload

Choose file

Horizontal form

Password

Radios

Option one is this and that—be sure to include why it's great

Option two can be something else and selecting it will deselect option one

Option three is disabled

Checkbox

Check me out

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.

Email address

Example select

Example multiple select

Example textarea

Validation errors