Checkboxes

Checkboxes create an on/off boolean switch that can be built into array.

Default Checkbox

<div class="form-check m-1">
    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
    <label class="form-check-label" for="flexCheckDefault">
        Checkbox Label
    </label>
</div>

Disabled Checkbox

<div class="form-check form-check-disabled m-1">
    <input class="form-check-input" type="checkbox" value="" id="flexCheckDisabled" disabled>
    <label class="form-check-label" for="flexCheckDisabled">
        Checkbox Label
    </label>
</div>
<div class="form-check form-check-disabled m-1">
    <input class="form-check-input" type="checkbox" value="" id="flexCheckCheckedDisabled" checked disabled>
    <label class="form-check-label" for="flexCheckCheckedDisabled">
        Checkbox Label
    </label>
</div>

Accessibility

Make it clear what this checkboxes does for the user.

What to do with checkboxes

DON'T

What not to do with checkboxes

Classes

Complete list of all CSS classes for the component.

Name	Class
Default Checkbox	`btn btn-default`
Disabled Checkbox	`btn btn-disabled`