Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Bttstrp/bootstrap-switch
Turn checkboxes and radio buttons in toggle switches.
https://github.com/Bttstrp/bootstrap-switch
bootstrap bootstrap-switch checkbox radio switch toggle-switches toggles
Last synced: about 2 months ago
JSON representation
Turn checkboxes and radio buttons in toggle switches.
- Host: GitHub
- URL: https://github.com/Bttstrp/bootstrap-switch
- Owner: Bttstrp
- License: mit
- Created: 2013-01-24T19:44:03.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2021-10-05T21:37:19.000Z (almost 3 years ago)
- Last Synced: 2024-04-15T00:15:56.335Z (5 months ago)
- Topics: bootstrap, bootstrap-switch, checkbox, radio, switch, toggle-switches, toggles
- Language: Pug
- Homepage:
- Size: 2.68 MB
- Stars: 5,091
- Watchers: 181
- Forks: 1,456
- Open Issues: 199
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- favorite-link - 在切换开关中转动复选框和单选按钮。
- awesome - Bttstrp/bootstrap-switch - Turn checkboxes and radio buttons in toggle switches. (Pug)
- awesome - Bttstrp/bootstrap-switch - Turn checkboxes and radio buttons in toggle switches. (Pug)
README
# Bootstrap Switch
[](https://david-dm.org/Bttstrp/bootstrap-switch)
[](https://david-dm.org/Bttstrp/bootstrap-switch#info=devDependencies)
[](https://www.npmjs.org/)
Turn checkboxes and radio buttons into toggle switches. Created by [Mattia Larentis](http://github.com/nostalgiaz), maintained by [Emanuele Marchi](http://github.com/lostcrew) and [Peter Stein](http://www.bdmdesign.org) with the help of the community.
Compatible with Bootstrap 4, Bootstrap 3 and Bootstrap 2.
Play with [demo on my fiddle](https://jsfiddle.net/djibe89/vL87w0j8/).
## Quick start
Several quick start options are available:
- Download the [latest release](https://github.com/Bttstrp/bootstrap-switch/releases/latest)
- 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](https://github.com/blachniet/bootstrap-switch-nuget))
Include the dependencies: jQuery, Bootstrap and Bootstrap Switch CSS + Javascript:
``` html
```
Add your checkbox:
```html
```
Initialize Bootstrap Switch on it:
```javascript
$("[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`
## SASS/SCSS
- For Bootstrap 4, import `src/sass/bootstrap4/bootstrap-switch.scss`
## 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](https://github.com/Bttstrp/bootstrap-switch/issues/new).
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](https://stackoverflow.com/questions/tagged/bootstrap-switch) 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](https://getbootstrap.com/css/#checkboxes-and-radios)
## Integrations
- Angular: [angular-bootstrap-switch](https://github.com/frapontillo/angular-bootstrap-switch)
- Angular: [angular-toggle-switch](https://github.com/JumpLink/angular-toggle-switch)
- Knockout: [knockout-bootstrap-switch](https://github.com/pauloortins/knockout-bootstrap-switch)
## License
Licensed under the [MIT License](https://github.com/Bttstrp/bootstrap-switch/blob/master/LICENSE).