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.
iCheck Checkbox
Basic Skin iCheck
Wrap with .icheck_minimal.skin for this style of checkbox.
Square Skin iCheck
Wrap with .skin.skin-square for square and colored checkbox. Have to do color changes using JS.
Flat Skin iCheck
Wrap with .skin.skin-flat for Flat colored checkbox. Have to do color changes using JS.
Line iCheck Checkbox
Wrap with .skin.skin-line for line checkbox. Have to do color changes using JS.
Polaris Skin iCheck
Wrap with .skin.skin-polaris for polaris checkbox.
Futurico Skin iCheck
Wrap with .skin.skin-futurico for futurico checkbox.
iCheck Radio Buttons
Minimal iCheck Radio Option
Wrap with .icheck_minimal with .skin to use another icheck radio style.
Filled Skin iCheck Radio
Wrap with .skin.skin-square for square and colored radio. Have to do color changes using JS.
Flat Skin iCheck Radio
Wrap with .skin.skin-flat for Flat colored radio. Have to do color changes using JS.
Line iCheck Radio
Wrap with .skin.skin-line for line Radio. Have to do color changes using JS.
Polaris Skin iCheck Radio
Wrap with .skin.skin-polaris for polaris radio.
Futurico Skin iCheck Radio
Wrap with .skin.skin-futurico for futurico 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.