Turn checkboxes and radio buttons in toggle switches.
fork from : https://github.com/Bttstrp/bootstrap-switch.git
|
|
%!s(int64=10) %!d(string=hai) anos | |
|---|---|---|
| dist | %!s(int64=10) %!d(string=hai) anos | |
| docs | %!s(int64=10) %!d(string=hai) anos | |
| src | %!s(int64=10) %!d(string=hai) anos | |
| test | %!s(int64=10) %!d(string=hai) anos | |
| .bowerrc | %!s(int64=10) %!d(string=hai) anos | |
| .gitignore | %!s(int64=10) %!d(string=hai) anos | |
| CHANGELOG.md | %!s(int64=10) %!d(string=hai) anos | |
| CNAME | %!s(int64=12) %!d(string=hai) anos | |
| CONTRIBUTING.md | %!s(int64=11) %!d(string=hai) anos | |
| LICENSE | %!s(int64=12) %!d(string=hai) anos | |
| README.md | %!s(int64=10) %!d(string=hai) anos | |
| bower.json | %!s(int64=10) %!d(string=hai) anos | |
| coffeelint.json | %!s(int64=11) %!d(string=hai) anos | |
| composer.json | %!s(int64=10) %!d(string=hai) anos | |
| documentation-2.html | %!s(int64=10) %!d(string=hai) anos | |
| events.html | %!s(int64=10) %!d(string=hai) anos | |
| examples.html | %!s(int64=10) %!d(string=hai) anos | |
| gulpfile.coffee | %!s(int64=10) %!d(string=hai) anos | |
| index.html | %!s(int64=10) %!d(string=hai) anos | |
| karma.json | %!s(int64=10) %!d(string=hai) anos | |
| main.html | %!s(int64=10) %!d(string=hai) anos | |
| methods.html | %!s(int64=10) %!d(string=hai) anos | |
| options.html | %!s(int64=10) %!d(string=hai) anos | |
| package.json | %!s(int64=10) %!d(string=hai) anos | |
| test.html | %!s(int64=10) %!d(string=hai) anos |
Turn checkboxes and radio buttons into toggle switches.
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.
Import src/less/bootstrap2/bootstrap-switch.less for version <= 2.3.2 or src/less/bootstrap3/bootstrap-switch.less for version <= 3.3.4 in your compilation stack.
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.
.form-control is not applied to the input. Bootstrap does not support that, refer to Checkboxes and radiosLicensed under the Apache License, Version 2.0 http://www.apache.org/licenses/LICENSE-2.0