Turn checkboxes and radio buttons in toggle switches – Bootstrap switch
Turn checkboxes and radio buttons in toggle switches.
Getting started
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.
Less
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.
AngularJs
Two custom directives are available:
KnockoutJs
A Knockout binding handler is available here
NuGet
A NuGet package is available here
Supported browsers
IE9+ and all the other modern browsers.
License
Licensed under the Apache License, Version 2.0 http://www.apache.org/licenses/LICENSE-2.0
We are in the process of changing from Apache to MIT. If you contributed before February 5th, 2015, please add your vote here to accept license change: https://github.com/nostalgiaz/bootstrap-switch/issues/347
Source: https://github.com/nostalgiaz/bootstrap-switch
Website: http://www.bootstrap-switch.org/
Thanks,
NabeelShahid.com
Recent Comments