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

Carlos Guimarães a209920dad Form reset improvement, now restoring to the original checkbox state instead of setting it to false. 11 年 前
dist a209920dad Form reset improvement, now restoring to the original checkbox state instead of setting it to false. 11 年 前
docs eab7f70d7e changed download links in docs 11 年 前
src a209920dad Form reset improvement, now restoring to the original checkbox state instead of setting it to false. 11 年 前
.gitignore d40525f0cf fix(wrapper): incorporate setter and getter in one method to rule them all 11 年 前
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 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