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