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

Emanuele Marchi c23201900e switch state as init event second parameter		10 年前
dist	c23201900e switch state as init event second parameter	10 年前
docs	ec69b5dd91 v3.3.2	10 年前
src	c23201900e switch state as init event second parameter	10 年前
test	c23201900e switch state as init event second parameter	10 年前
.bowerrc	ec69b5dd91 v3.3.2	10 年前
.gitignore	ec69b5dd91 v3.3.2	10 年前
CHANGELOG.md	ec69b5dd91 v3.3.2	10 年前
CNAME	a3ceb86964 ...	12 年前
CONTRIBUTING.md	226ac19a9f changed build folder to dist, updated CONTRIBUTING, updated wrapperClass, added modifierClass methods	11 年前
LICENSE	40c9d7eb1d welcome	12 年前
README.md	047654862b bootstrap 3.3.4, form-control margin reset	10 年前
bower.json	ec69b5dd91 v3.3.2	10 年前
coffeelint.json	4b8aa42417 updated npm packages, updated to version 3.0.1	11 年前
composer.json	ec69b5dd91 v3.3.2	10 年前
documentation-2.html	8e3fd7c146 applied bootstrap official site style to documentation	10 年前
events.html	c23201900e switch state as init event second parameter	10 年前
examples.html	ec69b5dd91 v3.3.2	10 年前
gulpfile.coffee	c25abe60a4 packages and gulp update	10 年前
index.html	ec69b5dd91 v3.3.2	10 年前
karma.json	12d4bc7aa5 added first two tests	10 年前
main.html	8e3fd7c146 applied bootstrap official site style to documentation	10 年前
methods.html	8e3fd7c146 applied bootstrap official site style to documentation	10 年前
options.html	8e3fd7c146 applied bootstrap official site style to documentation	10 年前
package.json	c25abe60a4 packages and gulp update	10 年前
test.html	047654862b bootstrap 3.3.4, form-control margin reset	10 年前

Bootstrap Switch

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

README.md