- 3
- 3
- English

#### Input Style

Use the input classes on an `.input-default, input-flat, .input-rounded` for Default input.

#### Textarea

Comment:

#### Checkboxes

Option 1
Option 2
Disabled

#### Inline Checkboxes

Use the `.form-check-inline` class if you want the checkboxes to appear on the same line

Option 1
Option 2
Disabled

#### Radio Buttons

Option 1
Option 2
Option 3

#### Radio Inline

Option 1 Option 2 Option 3

#### Select List

Select list (select one):
Mutiple select list (hold shift to select more than one):

#### Bootstrap Input File

#### Input Size

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

#### Select Size

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

#### Readonly

Add the `readonly` boolean attribute on an input to prevent modification of the input’s value

#### Readonly

use the `.form-control-plaintext` class to remove the default form field styling and preserve the correct margin and padding.

Email
Password

#### Inline Form

use the `.form-inline` class to for inline form styles.

Email
Password

#### Form grid

#### Form Row

#### Vertical Form

Email
Password
Address
Address 2
City
State
Zip
Check me out

#### Vertical Form

Email
Password
Radios
First radio
Second radio
Third disabled radio
Checkbox
Example checkbox

#### Form Label Size

Be sure to use `.col-form-label-sm .col-form-label-lg` correctly follow the size of `.form-control-lg and .form-control-sm.`

Email
Email
Email

#### Column size

#### Auto-sizing

The example below uses a flexbox utility to vertically center the contents and changes `.col .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.

Name
Username
@
Remember me

#### Custom Select

Preference

#### Custom Checkbox

Remember my preference

#### Disabled forms

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

Disabled input
Disabled select menu
Can't check this

#### Input Group

@
@example.com
Your vanity URL
https://example.com
$
.00
With textarea

#### Input Group Size

Small
Default
Large

#### Checkboxes and radios

#### Multiple inputs

First and last name

#### Multiple addons

$ 0.00
$ 0.00

#### Button addons

#### Buttons with dropdowns

#### Segmented buttons

#### Custom select

Options
Options

#### Custom file input

Upload
Choose file
Choose file
Upload
Choose file
Choose file