Checkbox inputs
Add
.form-check
wrapper to your input
and label
to create a custom checkbox component. You can add .rounded-circle
to the input to make it circular. Block alignment
Inline alignment
Radio inputs
Add
.form-check
wrapper to your input
and label
to create a custom radio component. You can add .rounded-circle
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
.form-switch
to render a toggle switch. Switches also support the disabled
attribute