Bootstrap 4 checkbox style

The checkbox is a component used to allow a user to make multiple choices which is broadly used in forms and surveys.

Detailed documentation and more examples you can find in our Checkbox Docs

Built with Material Design for Bootstrap - free and powerful Bootstrap UI KIT
Download MDB UI KIT Learn more Tutorials GitHub

Basic examples

Default unchecked

Default checked

Default indeterminate

Default unchecked disabled

Default checked disabled

Material checkboxes

Material unchecked

Material checked

Material indeterminate

Material unchecked disabled

Material checked disabled

Filled-in checkbox

Filled-in checkbox

Filled-in checkbox disabled

Checkbox color change

Teal example

Filled-in orange example

Rounded checkbox

Filled-in rounded example

Filled-in rounded example

Classic checkbox buttons

Checkbox 1 (pre-checked) Checkbox 2 Checkbox 3

Rounded checkbox buttons

Checkbox 1 (pre-checked) Checkbox 2 Checkbox 3

Rounded checkbox buttons with icons

Checkbox 1 (pre-checked) Checkbox 2 Checkbox 3