Turn checkboxes and radio buttons in toggle switches.
fork from : https://github.com/Bttstrp/bootstrap-switch.git

Emanuele Marchi 047654862b bootstrap 3.3.4, form-control margin reset %!s(int64=10) %!d(string=hai) anos
dist 047654862b bootstrap 3.3.4, form-control margin reset %!s(int64=10) %!d(string=hai) anos
docs ec69b5dd91 v3.3.2 %!s(int64=10) %!d(string=hai) anos
src 047654862b bootstrap 3.3.4, form-control margin reset %!s(int64=10) %!d(string=hai) anos
test 047654862b bootstrap 3.3.4, form-control margin reset %!s(int64=10) %!d(string=hai) anos
.bowerrc ec69b5dd91 v3.3.2 %!s(int64=10) %!d(string=hai) anos
.gitignore ec69b5dd91 v3.3.2 %!s(int64=10) %!d(string=hai) anos
CHANGELOG.md ec69b5dd91 v3.3.2 %!s(int64=10) %!d(string=hai) anos
CNAME a3ceb86964 ... %!s(int64=12) %!d(string=hai) anos
CONTRIBUTING.md 226ac19a9f changed build folder to dist, updated CONTRIBUTING, updated wrapperClass, added modifierClass methods %!s(int64=11) %!d(string=hai) anos
LICENSE 40c9d7eb1d welcome %!s(int64=12) %!d(string=hai) anos
README.md 047654862b bootstrap 3.3.4, form-control margin reset %!s(int64=10) %!d(string=hai) anos
bower.json ec69b5dd91 v3.3.2 %!s(int64=10) %!d(string=hai) anos
coffeelint.json 4b8aa42417 updated npm packages, updated to version 3.0.1 %!s(int64=11) %!d(string=hai) anos
composer.json ec69b5dd91 v3.3.2 %!s(int64=10) %!d(string=hai) anos
documentation-2.html 8e3fd7c146 applied bootstrap official site style to documentation %!s(int64=10) %!d(string=hai) anos
events.html 8e3fd7c146 applied bootstrap official site style to documentation %!s(int64=10) %!d(string=hai) anos
examples.html ec69b5dd91 v3.3.2 %!s(int64=10) %!d(string=hai) anos
gulpfile.coffee c25abe60a4 packages and gulp update %!s(int64=10) %!d(string=hai) anos
index.html ec69b5dd91 v3.3.2 %!s(int64=10) %!d(string=hai) anos
karma.json 12d4bc7aa5 added first two tests %!s(int64=10) %!d(string=hai) anos
main.html 8e3fd7c146 applied bootstrap official site style to documentation %!s(int64=10) %!d(string=hai) anos
methods.html 8e3fd7c146 applied bootstrap official site style to documentation %!s(int64=10) %!d(string=hai) anos
options.html 8e3fd7c146 applied bootstrap official site style to documentation %!s(int64=10) %!d(string=hai) anos
package.json c25abe60a4 packages and gulp update %!s(int64=10) %!d(string=hai) anos
test.html 047654862b bootstrap 3.3.4, form-control margin reset %!s(int64=10) %!d(string=hai) anos

README.md

Bootstrap Switch

Dependency Status devDependency Status NPM Version

Turn checkboxes and radio buttons in toggle switches.

Demo and Documentation

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 + SASS

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.

Integrations

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.

Known issues

  • Make sure .form-control is not applied to the input. Bootstrap does not support that, refer to Checkboxes and radios

License

Licensed under the Apache License, Version 2.0 http://www.apache.org/licenses/LICENSE-2.0