Simple Checkboxes

Basic Table
Basic Right Checkbox

Simple Right side checkboxes with .right-checkbox wrapper class.

Custom Checkbox

Add .custom-input.custom-checkbox as a single wrapper & add <span class="custom-control-indicator"></span> for better output. Also use .custom-control-description class for checkbox description.

Custom Right Checkbox

Add .custom-input.custom-checkbox as a single wrapper & add <span class="custom-control-indicator"></span> for better output & wrap with right-checkbox for right aligned checkbox.

Simple Radio Buttons

Basic Radio Buttons

Basic Right Radio Buttons

Simple Radio Button with right align using .right-radio class.

Custom Radio Buttons

Add .custom-input.custom-radio as a single wrapper & add <span class="custom-control-indicator"></span> for better output. Also use .custom-control-description class for radio description.

Custom Right Radio Buttons

Add .c-input.c-radio as a single wrapper & add <span class="c-indicator"></span> for better output & wrap with right-radio for right aligned radio.

Color Checkboxes

Add .bg-COLOR to span to set according to theme color.

Template Color Checkbox

Another Template color checkbox example

Custom Bootstrap Color Radio Buttons

Add .bg-COLOR to span to set according to theme color.

Template color Radio Button

Another Template color Radio example

Inline Checkboxes

Add .inline class to the checkbox wrapper for inline checkbox.

Custom Inline Checkboxes

Inline Radio Buttons

Add .inline class to the radio wrapper.

Custom Inline Radio

Image Checkbox

Default Image Checkbox

Add .img-thumbnail class to <img> tag after input type checkbox.

Basic Image Checkbox

Add .btn-COLORNAME class to wrapper to use theme colors.