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

Thomas Grainger eda454e075 Merge pull request #618 from Bttstrp/amd-module 8 tahun lalu
dist e1a9a9c135 Bump version to 3.3.3 8 tahun lalu
docs 01f162b918 Add CNAME to docs subfolder (for gh-pages branch) 8 tahun lalu
src 1fec545ca5 expose as UMD module Fixes #592 8 tahun lalu
.babelrc 1fec545ca5 expose as UMD module Fixes #592 8 tahun lalu
.gitignore 05e5ba4d3d Deprecate CoffeeScript 8 tahun lalu
CHANGELOG.md 5dae7bc228 Generate docs, remove old one 8 tahun lalu
CNAME fb6b70c637 Update gh-pages CNAME 8 tahun lalu
CONTRIBUTING.md 05e5ba4d3d Deprecate CoffeeScript 8 tahun lalu
LICENSE b577074630 Licence changed to MIT as per approval process 10 tahun lalu
README.md f63f6545a5 Update repo urls, Fix github button links 8 tahun lalu
bower.json 77c5bd3b7b Adjust jQuery required version 8 tahun lalu
composer.json 5dae7bc228 Generate docs, remove old one 8 tahun lalu
karma.conf.js 05e5ba4d3d Deprecate CoffeeScript 8 tahun lalu
package.json ac75ce3e89 Merge pull request #613 from jonathanbarton/jquery-version-range 8 tahun lalu

README.md

Bootstrap Switch

Dependency Status devDependency Status NPM Version

Turn checkboxes and radio buttons into toggle switches. Created by Mattia Larentis, maintained by Emanuele Marchi and Peter Stein with the help of the community.

To get started, check out http://bootstrap-switch.org!

Quick start

Several quick start options are available:

  • Download the latest release
  • Clone the repo: git clone https://github.com/Bttstrp/bootstrap-switch.git
  • Install with npm: npm install bootstrap-switch
  • Install with yarn: yarn add bootstrap-switch
  • Install with Composer: composer require components/bootstrap-switch
  • Install with Bower: bower install bootstrap-switch
  • Install with NuGet: PM> Install-Package Bootstrap.Switch (NuGet package)

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.

Supported browsers

IE9+ and all the other modern browsers.

LESS

  • For Bootstrap 2 (no longer officially supported), import src/less/bootstrap2/bootstrap-switch.less
  • For Bootstrap 3, import src/less/bootstrap3/bootstrap-switch.less

Bugs and feature requests

Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

The new issue should contain both a summary of the issue and the browser/OS environment in which it occurs and a link to the playground you prefer with the reduced test case. If suitable, include the steps required to reproduce the bug.

Please do not use the issue tracker for personal support requests: Stack Overflow is a better place to get help.

Known issues

  • Make sure .form-control is not applied to the input. Bootstrap does not support that, refer to Checkboxes and radios

Integrations

License

Licensed under the MIT License.