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

Emanuele Marchi ff1b145aa1 stop propagation on label click 10 년 전
dist ff1b145aa1 stop propagation on label click 10 년 전
docs ec69b5dd91 v3.3.2 10 년 전
src ff1b145aa1 stop propagation on label click 10 년 전
test ff1b145aa1 stop propagation on label click 10 년 전
.bowerrc ec69b5dd91 v3.3.2 10 년 전
.gitignore 78ed8380b2 text and grammar revision 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 78ed8380b2 text and grammar revision 10 년 전
bower.json 78ed8380b2 text and grammar revision 10 년 전
coffeelint.json 4b8aa42417 updated npm packages, updated to version 3.0.1 11 년 전
composer.json 78ed8380b2 text and grammar revision 10 년 전
documentation-2.html 78ed8380b2 text and grammar revision 10 년 전
events.html 78ed8380b2 text and grammar revision 10 년 전
examples.html 78ed8380b2 text and grammar revision 10 년 전
gulpfile.coffee c25abe60a4 packages and gulp update 10 년 전
index.html 78ed8380b2 text and grammar revision 10 년 전
karma.json 12d4bc7aa5 added first two tests 10 년 전
main.html 78ed8380b2 text and grammar revision 10 년 전
methods.html 78ed8380b2 text and grammar revision 10 년 전
options.html 78ed8380b2 text and grammar revision 10 년 전
package.json 78ed8380b2 text and grammar revision 10 년 전
test.html 047654862b bootstrap 3.3.4, form-control margin reset 10 년 전

README.md

Bootstrap Switch

Dependency Status devDependency Status NPM Version

Turn checkboxes and radio buttons into 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