bootstrap-switch
Advanced tools
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. Compatible with Bootstrap 4, Bootstrap 3 and Bootstrap 2.
Play with demo on my fiddle.
Several quick start options are available:
git clone https://github.com/Bttstrp/bootstrap-switch.gitnpm install bootstrap-switchyarn add bootstrap-switchcomposer require components/bootstrap-switchbower install bootstrap-switchPM> 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.
IE9+ and all the other modern browsers.
src/less/bootstrap2/bootstrap-switch.lesssrc/less/bootstrap3/bootstrap-switch.lesssrc/sass/bootstrap4/bootstrap-switch.scssHave 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.
.form-control is not applied to the input. Bootstrap does not support that, refer to Checkboxes and radiosLicensed under the MIT License.
FAQs
Turn checkboxes and radio buttons into toggle switches.
The npm package bootstrap-switch receives a total of 16,632 weekly downloads. As such, bootstrap-switch popularity was classified as popular.
We found that bootstrap-switch demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
pnpm 10 blocks lifecycle scripts by default to improve security, addressing supply chain attack risks but sparking debate over compatibility and workflow changes.
Product
Socket now supports uv.lock files to ensure consistent, secure dependency resolution for Python projects and enhance supply chain security.
Research
Security News
Socket researchers have discovered multiple malicious npm packages targeting Solana private keys, abusing Gmail to exfiltrate the data and drain Solana wallets.