Form Basic

Basic Input

Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.

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

Password

Check me out

Sizing

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

Large

Standard / Default

Small

Large

Standard / Default

Small

Form Horizontal

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

Email address

Example select

Example multiple select

Example textarea

Column sizing

Basic Input Square

Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.

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

Password

Check me out

Sizing Square

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

Large

Standard / Default

Small

Large

Standard / Default

Small

Form Horizontal Square

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 Square

Email address

Example select

Example multiple select

Example textarea

Column sizing Square

Basic Input Fill

Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.

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

Password

Check me out

Sizing Fill

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

Large

Standard / Default

Small

Large

Standard / Default

Small

Form Horizontal Fill

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

Email address

Example select

Example multiple select

Example textarea

Column sizing

Basic Input Pill

Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.

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

Password

Check me out

Sizing Pill

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

Large

Standard / Default

Small

Large

Standard / Default

Small

Form Horizontal Pill

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 Pill

Email address

Example select

Example multiple select

Example textarea

Column sizing Pill

Basic Input Shadow

Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.

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

Password

Check me out

Sizing Shadow

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

Large

Standard / Default

Small

Large

Standard / Default

Small

Form Horizontal Shadow

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 Shadow

Email address

Example select

Example multiple select

Example textarea

Column sizing Shadow

Basic Form

shirley hoe

james alexender

ursula sitorus

jonna pinedda