octAdmin

Bootstrap Switches

Official Website

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

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.

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

Switch Disabled/Readonly

Just add disabledor readonlyattribute to the <input type="checkbox"...>.

ON OFF
ON OFF

Switch With Text

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

Yes No
1 0

Switch With Long Text

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

Explicit Implicit
Enabled Disabled

Switch With label Text

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

Radio OFF
ON Waves

Switch With HTML

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