bootstrap-switch

Bootstrap Switch

Turn checkboxes and radio buttons in toggle switches.

Version 2.1 is almost ready and features a entire API redesign and source rewriting. Knowing that, your help would be decisive to ship it within days. Give the branch 2.1 a try and post any bugs you might encounter or improvements you would like to integrate in the final release. With heart, many thanks.

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.

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