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

Mattia Larentis 559d323e43 added .idea to .gitignore 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 559d323e43 added .idea to .gitignore 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 db485bb9f7 plumber and notify for gulp 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 db485bb9f7 plumber and notify for gulp 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