Turn checkboxes and radio buttons in toggle switches.
http://www.bootstrap-switch.org
Include the dependencies: jQuery, Bootstrap and Bootstrap Switch CSS + Javascript:
[...]
<link href="bootstrap.css" rel="stylesheet">
<link href="bootstrap-switch.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="bootstrap-switch.js"></script>
[...]Add your checkbox:
<input type="checkbox" name="my-checkbox" checked>Initialize Bootstrap Switch on it:
$("[name='my-checkbox']").bootstrapSwitch();Enjoy.
If you want to use your bootstrap variables, include bootstrap-switch.less in your compilation stack. You can even choose among Bootstrap versions 2.3.2 or 3.. compatible source.
Two custom directives are available:
A Knockout binding handler is available here
A NuGet package is available here
IE9+ and all the other modern browsers.
Licensed under the Apache License, Version 2.0 http://www.apache.org/licenses/LICENSE-2.0