Turn checkboxes and radio buttons in toggle switches.
fork from : https://github.com/Bttstrp/bootstrap-switch.git
|
vor 11 Jahren | |
---|---|---|
dist | vor 11 Jahren | |
docs | vor 11 Jahren | |
src | vor 11 Jahren | |
.gitignore | vor 11 Jahren | |
CNAME | vor 11 Jahren | |
CONTRIBUTING.md | vor 11 Jahren | |
LICENSE | vor 12 Jahren | |
README.md | vor 11 Jahren | |
bower.json | vor 11 Jahren | |
coffeelint.json | vor 11 Jahren | |
composer.json | vor 11 Jahren | |
documentation-2.html | vor 11 Jahren | |
documentation-3.html | vor 11 Jahren | |
gulpfile.coffee | vor 11 Jahren | |
gulpfile.js | vor 11 Jahren | |
index.html | vor 11 Jahren | |
main.html | vor 11 Jahren | |
package.json | vor 11 Jahren | |
page.html | vor 11 Jahren |
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