Basic Input

Email address We'll never share your email with anyone else.

Password

Check me out

Submit

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 1 2 3 4 5

Example multiple select 1 2 3 4 5

Example textarea

For file inputs, swap the .form-control for .form-control-file.

Example file input

Email address

Password

Select 1 2 3 4 5

Email address

Password

Select 1 2 3 4 5

Set heights using classes like .form-control-lg and .form-control-sm.

Auto-sizing

Name

Username

@

Submit

Custom form controls and selects are also supported.

Preference Choose... One Two Three Remember my preference Submit

Email

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

Sign in

Email

Email

Email

Add the disabled boolean attribute on an input to prevent user interactions and make it appear lighter.

Disabled input

Disabled select menu Disabled select

Can't check this

Submit

First name

Last name

City

Please provide a valid city.

State

Please provide a valid state.

Zip

Please provide a valid zip.

Submit form

File browser

Select menu

Open this select menu One Two Three

Checkboxes

Check this custom checkbox Check this custom checkbox

Radios

Toggle this custom radio Or toggle this other custom radio

Disabled

Check this custom checkbox Toggle this custom radio

Stacked

Check this custom checkbox

Toggle this custom radio Or toggle this other custom radio

Open this select menu One Two Three