Form Input Grid
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"...>.