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

Emanuele Marchi eab7f70d7e changed download links in docs 11 tahun lalu
dist 1d61eb22a1 docs refinements, removed modifiers classes, small improvements 11 tahun lalu
docs eab7f70d7e changed download links in docs 11 tahun lalu
src 1d61eb22a1 docs refinements, removed modifiers classes, small improvements 11 tahun lalu
.gitignore d40525f0cf fix(wrapper): incorporate setter and getter in one method to rule them all 11 tahun lalu
CNAME a3ceb86964 ... 12 tahun lalu
CONTRIBUTING.md 226ac19a9f changed build folder to dist, updated CONTRIBUTING, updated wrapperClass, added modifierClass methods 11 tahun lalu
LICENSE 40c9d7eb1d welcome 12 tahun lalu
README.md fea5a01183 fixed README 11 tahun lalu
bower.json 97226ee5d8 fix(bower): bower.json as a proper json 11 tahun lalu
composer.json 226ac19a9f changed build folder to dist, updated CONTRIBUTING, updated wrapperClass, added modifierClass methods 11 tahun lalu
gulpfile.js 226ac19a9f changed build folder to dist, updated CONTRIBUTING, updated wrapperClass, added modifierClass methods 11 tahun lalu
index.html 1d61eb22a1 docs refinements, removed modifiers classes, small improvements 11 tahun lalu
package.json 226ac19a9f changed build folder to dist, updated CONTRIBUTING, updated wrapperClass, added modifierClass methods 11 tahun lalu

README.md

Bootstrap Switch

Dependency Status devDependency Status NPM Version Gittip LostCrew

Turn checkboxes and radio buttons in toggle switches.

Demo and Documentation

http://www.bootstrap-switch.org

Usage

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

If you want to use your bootstrap variables, include bootstrap-switch.less in your compilation stack. You can even choose among Bootstrap versions 2.3.2 or 3.. compatible source.

AngularJs

A custom directive is available here

Supported browsers

IE8+ and all the other modern browsers (until proven otherwise: submit a issue and let's see what we can do).

License

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