Checkbox

You can customize checkboxes by combining different colors. See the basic example bellow:

Source code
<label class="checkbox">
  <input type="checkbox"/>
  <span class="check-mark"></span> Basic example
</label>

Colors

The checkbox styles follow the contextual bootstrap colors.

Source code
<label class="checkbox checkbox-primary"></label>
<label class="checkbox checkbox-success"></label>
<label class="checkbox checkbox-danger"></label>
<label class="checkbox checkbox-warning"></label>
<label class="checkbox checkbox-info"></label>

Disabled state

When adding the disabled boolean attribute to the input element, the appearance changes to reflect this state.

Source code
<label class="checkbox checkbox-danger">
  <input type="checkbox" checked disabled/>
  <span class="check-mark"></span> You can't change
</label>