Checkbox & Radio
Checkbox
Basic
Circle
Soft Checkbox
Radio Example
Basic
Square
Soft Checkbox
Card Selected
Checkbox and Radio Disabled

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

Inline

Group checkboxes or radios on the same horizontal row by adding .form-check-inline to any .form-check.

Reverse

Put your checkboxes, radios, and switches on the opposite side with the .form-check-reverse modifier class.

Outlined styles

Different variants of .btn, such as the various outlined styles, are supported.