• Touch me!
• Touch me!
• Disabled Checkbox
• Disabled Unchecked Checkbox

Add .custom-control .custom-checkbox as a single wrapper and add .custom-control-label for better output.

• Active
• Inactive
• Active - disabled
• Inactive - disabled

To change the color of the Custom CheckBoxes, use the .bg-{colorName} with .custom-control-input class.

• Primary
• Secondary
• Success
• Danger
• Info
• Warning