Checkbox & Radio Default input elements for forms
Checkbox inputs
Add
.custom-control and .custom-checkbox wrapper to your input and label to create a custom checkbox component. You can add .custom-checkbox-circle to change it to a circular checkbox
Block alignment
Inline alignment
Radio inputs
Add
.custom-control and .custom-radio wrapper to your input and label to create a custom radio component. You can add .custom-radio-rounded to change it to a rounded radio
Block alignment
Inline alignment
Switch radio and checkbox
A switch has the markup of a custom checkbox but uses the
.custom-switch class to render a toggle switch. Switches also support the disabled attribute
Switch checkbox
Switch Radio