Bootstrap Switches

Official Website

Switch Sizes

Just add data-size="Size" attribute to the input type="checkbox" Size values: mini, small, normal, large.

Switch Colors

Just add data-on-color="Color" & data-off-color="Color" to the <input type="checkbox"...>. Color values: primary, info, success, warning, danger, default.

Switch Disabled/Readonly

Just add disabled or readonly attribute to the <input type="checkbox"...>.

Switch With Text

just add data-on-text="Text" & data-off-text="Text" to the <input type="checkbox"...>.

Switch With Long Text

just add data-on-text="Long Text" & data-off-text="Long Text" to the <input type="checkbox"...>.

Switch With label Text

Just add data-on-text="Text" or data-off-text="Text" to the <input type="checkbox"...>.

Switch With HTML

just add data-on-text="HTML Text" & data-off-text="HTML Text" to the <input type="checkbox"...>.