<!-- Switch -->
<div class="custom-control custom-switch input-primary">
<input type="checkbox" class="custom-control-input" id="checkbox1" value="" checked="true">
<label class="custom-control-label" for="checkbox1">Switch</label>
</div>
<div class="custom-control custom-switch input-primary">
<input type="checkbox" class="custom-control-input" id="checkbox2" value="">
<label class="custom-control-label" for="checkbox2">Switch</label>
</div><!-- Disabled Switch -->
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="checkbox3" value="" checked disabled>
<label class="custom-control-label" for="checkbox3">Disabled</label>
</div>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="checkbox4" value="" disabled>
<label class="custom-control-label" for="checkbox4">Disabled</label>
</div><!-- Square Switch -->
<div class="custom-control custom-switch switch-square input-primary">
<input type="checkbox" class="custom-control-input" id="checkbox5" value="" checked="true">
<label class="custom-control-label" for="checkbox5">Switch</label>
</div>
<div class="custom-control custom-switch switch-square input-primary">
<input type="checkbox" class="custom-control-input" id="checkbox6" value="">
<label class="custom-control-label" for="checkbox6">Switch</label>
</div><!-- Disabled Switch -->
<div class="custom-control custom-switch switch-square">
<input type="checkbox" class="custom-control-input" id="checkbox7" value="" checked disabled>
<label class="custom-control-label" for="checkbox7">Disabled</label>
</div>
<div class="custom-control custom-switch switch-square">
<input type="checkbox" class="custom-control-input" id="checkbox8" value="" disabled>
<label class="custom-control-label" for="checkbox8">Disabled</label>
</div><!-- Material Switch -->
<div class="custom-control custom-switch switch-material input-primary">
<input type="checkbox" class="custom-control-input" id="checkbox9" value="" checked="true">
<label class="custom-control-label" for="checkbox9">Switch</label>
</div>
<div class="custom-control custom-switch switch-material input-primary">
<input type="checkbox" class="custom-control-input" id="checkbox10" value="">
<label class="custom-control-label" for="checkbox10">Switch</label>
</div><!-- Disabled Switch -->
<div class="custom-control custom-switch switch-material">
<input type="checkbox" class="custom-control-input" id="checkbox11" value="" checked disabled>
<label class="custom-control-label" for="checkbox11">Disabled</label>
</div>
<div class="custom-control custom-switch switch-material">
<input type="checkbox" class="custom-control-input" id="checkbox12" value="" disabled>
<label class="custom-control-label" for="checkbox12">Disabled</label>
</div>