<!-- Checkbox --> <div class="custom-control custom-checkbox input-primary"> <input type="checkbox" class="custom-control-input" id="checkbox1" name="example1" value="" checked="true"> <label class="custom-control-label" for="checkbox1">Checkbox</label> </div> <div class="custom-control custom-checkbox input-primary"> <input type="checkbox" class="custom-control-input" id="checkbox2" name="example1" value=""> <label class="custom-control-label" for="checkbox2">Checkbox</label> </div>
<!-- Disabled Checkbox --> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="checkbox3" name="example2" value="" checked disabled> <label class="custom-control-label" for="checkbox3">Disabled</label> </div> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="checkbox4" name="example2" value="" disabled> <label class="custom-control-label" for="checkbox4">Disabled</label> </div>