Bootstrap 5 Default Switch
Bootstrap Switch - Size
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
Bootstrap switch - Disabled/Readonly
Just add disabled or
readonly attribute to the
<input type="checkbox"...>.
ON OFF
ON OFF
Bootstrap 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
Bootstrap switch - Radio Buttons
Just add class radio-switch to the
<input type="radio"...>. If you want to change the class name, you have to change
jquery according to that.
ON OFF
ON OFF
ON OFF
Bootstrap switch - With Text
Just add data-on-text="Text" &
data-off-text="Text" to the
<input type="checkbox"...>.
Yes No
1 0
Bootstrap 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
Bootstrap switch - With Label Text
Just add data-on-text="Text" or
data-off-text="Text" to the
<input type="checkbox"...>.
Radio OFF
ON Waves