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

Thomas Grainger 38813b71da temporarily disable no-underscore-dangle 8 anni fa
dist c0fb653160 v3.3.4 8 anni fa
docs 02721b769a Readd CNAME 8 anni fa
src b179df435b autofix eslint errors under airbnb 8 anni fa
.babelrc 52edfe6051 Polyfill Object.assign 8 anni fa
.eslintrc.json 38813b71da temporarily disable no-underscore-dangle 8 anni fa
.gitignore 05e5ba4d3d Deprecate CoffeeScript 8 anni fa
CHANGELOG.md c0fb653160 v3.3.4 8 anni fa
CNAME fb6b70c637 Update gh-pages CNAME 8 anni fa
CONTRIBUTING.md 77a83353d7 switch to github flow 8 anni fa
LICENSE b577074630 Licence changed to MIT as per approval process 10 anni fa
README.md 73e2bd9aa7 update homepage URLs 8 anni fa
bower.json 77c5bd3b7b Adjust jQuery required version 8 anni fa
composer.json c0fb653160 v3.3.4 8 anni fa
karma.conf.js 05e5ba4d3d Deprecate CoffeeScript 8 anni fa
package.json 4ddf5e8c1a switch to eslint airbnb 8 anni fa
yarn.lock 4ddf5e8c1a switch to eslint airbnb 8 anni fa

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 https://bttstrp.github.io/bootstrap-switch!

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.