Bootstrap Switch

Sizes

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

ON OFF
ON OFF
ON OFF
ON OFF

Colors

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

ON OFF
ON OFF
ON OFF
ON OFF
ON OFF
ON OFF

Disabled/Readonly

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

ON OFF
ON OFF

Inverse

Just add data-inverse="true" attribute to the <input type="checkbox"...>.

OFF ON
OFF ON

With Text

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

Yes No
1 0

With Long Text

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

Enabled Disabled
Open Close

Label Text

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

ONRadioOFF

Radio All Off

Just add switch-radio1 & data-radio-all-off="true" to the <input type="checkbox"...>.

Disabled
ON OFF
ON OFF
ON OFF
Enabled
ON OFF
ON OFF
ON OFF