Basic Input

Email addressWe'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-controlclass. 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-controlfor .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-lgand .form-control-sm.

Auto-sizing

Name

Username

@

Submit

Custom form controls and selects are also supported.

Preference Choose... One Two Three Remember my preferenceSubmit

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 disabledboolean 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 checkboxCheck this custom checkbox

Radios

Toggle this custom radioOr toggle this other custom radio

Disabled

Check this custom checkboxToggle this custom radio

Stacked

Check this custom checkbox

Toggle this custom radioOr toggle this other custom radio

Open this select menu One Two Three