Forms

## Checks & Radios

Create consistent cross-browser and cross-device checkboxes and radios with our completely rewritten checks component. Read the Official Bootstrap Documentation for a full list of instructions and other options.

##### Checks

For even more customization and cross browser consistency, use our completely custom checkbox element to replace the browser defaults.

Default checkbox
Checked checkbox

Checkboxes can utilize the `:indeterminate` pseudo class when manually set via JavaScript (there is no available HTML attribute for specifying it).

Indeterminate checkbox

Add the disabled attribute and the associated labels are automatically styled to match with a lighter color to help indicate the input’s state.

Disabled checkbox
Disabled checked checkbox

##### Radios

For even more customization and cross browser consistency, use our completely custom radio element to replace the browser defaults.

Default radio
Default checked radio

Add the disabled attribute and the associated labels are automatically styled to match with a lighter color to help indicate the input’s state.

Disabled radio
Disabled checked radio

##### Switches

A switch has the markup of a custom checkbox but uses the `.form-switch` class to render a toggle switch.

Default switch checkbox input
Checked switch checkbox input
Disabled switch checkbox input
Disabled checked switch checkbox input