Checkbox & Radio Default input elements for forms
Checkbox inputs
.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
.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
.custom-switch
class to render a toggle switch. Switches also support the disabled
attribute
Switch checkbox
Switch Radio