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 10 år sedan
dist 047654862b bootstrap 3.3.4, form-control margin reset 10 år sedan
docs ec69b5dd91 v3.3.2 10 år sedan
src 047654862b bootstrap 3.3.4, form-control margin reset 10 år sedan
test 047654862b bootstrap 3.3.4, form-control margin reset 10 år sedan
.bowerrc ec69b5dd91 v3.3.2 10 år sedan
.gitignore ec69b5dd91 v3.3.2 10 år sedan
CHANGELOG.md ec69b5dd91 v3.3.2 10 år sedan
CNAME a3ceb86964 ... 12 år sedan
CONTRIBUTING.md 226ac19a9f changed build folder to dist, updated CONTRIBUTING, updated wrapperClass, added modifierClass methods 11 år sedan
LICENSE 40c9d7eb1d welcome 12 år sedan
README.md 047654862b bootstrap 3.3.4, form-control margin reset 10 år sedan
bower.json ec69b5dd91 v3.3.2 10 år sedan
coffeelint.json 4b8aa42417 updated npm packages, updated to version 3.0.1 11 år sedan
composer.json ec69b5dd91 v3.3.2 10 år sedan
documentation-2.html 8e3fd7c146 applied bootstrap official site style to documentation 10 år sedan
events.html 8e3fd7c146 applied bootstrap official site style to documentation 10 år sedan
examples.html ec69b5dd91 v3.3.2 10 år sedan
gulpfile.coffee c25abe60a4 packages and gulp update 10 år sedan
index.html ec69b5dd91 v3.3.2 10 år sedan
karma.json 12d4bc7aa5 added first two tests 10 år sedan
main.html 8e3fd7c146 applied bootstrap official site style to documentation 10 år sedan
methods.html 8e3fd7c146 applied bootstrap official site style to documentation 10 år sedan
options.html 8e3fd7c146 applied bootstrap official site style to documentation 10 år sedan
package.json c25abe60a4 packages and gulp update 10 år sedan
test.html 047654862b bootstrap 3.3.4, form-control margin reset 10 år sedan

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