You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
jackyzhou d226468f67
init
6 years ago
..
build init 6 years ago
dist init 6 years ago
docs init 6 years ago
src init 6 years ago
test init 6 years ago
CHANGELOG.md init 6 years ago
CNAME init 6 years ago
CONTRIBUTING.md init 6 years ago
LICENSE init 6 years ago
README.md init 6 years ago
bower.json init 6 years ago
coffeelint.json init 6 years ago
composer.json init 6 years ago
documentation-2.html init 6 years ago
events.html init 6 years ago
examples.html init 6 years ago
gulpfile.coffee init 6 years ago
gulpfile.js init 6 years ago
index.html init 6 years ago
karma.json init 6 years ago
main.html init 6 years ago
methods.html init 6 years ago
options.html init 6 years ago
package.json init 6 years ago

README.md

Bootstrap Switch

Dependency Status devDependency Status NPM Version

Turn checkboxes and radio buttons in toggle switches.

Contribute

Hi, Emanuele here. I am currently the sole contributor of Bootstrap Switch and have been mantaining it for quite a considerable amount of time. The development pace is strongly affected by the personal lack of time and a missing core team behind the project. It would be nice to have someone available for clearing the list of open issues and occasionally implementing new functionalities. If interest, you can drop me a line or pick a bug, kill it and open a Pull Request against develop branch. Many thanks.

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

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

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.

License

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