Switch
Bootstrap 5 Default Switch
Bootstrap Switch - Size
Just add
data-size="Size"
attribute to
the
<input type="checkbox"...>
. Size values:
mini, small, normal, large
.
Bootstrap switch - Disabled/Readonly
Just add disabled
or
readonly
attribute to the
<input type="checkbox"...>
.
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
.
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.
Bootstrap switch - With Text
Just add
data-on-text="Text"
&
data-off-text="Text"
to the
<input type="checkbox"...>
.
Bootstrap switch - With Long Text
Just add
data-on-text="Long Text"
&
data-off-text="Long Text"
to the
<input type="checkbox"...>
.
Bootstrap switch - With Label Text
Just add data-on-text="Text"
or
data-off-text="Text"
to the
<input type="checkbox"...>
.