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

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