node package manager

Introducing npm Enterprise add-ons. Integrate third-party dev tools into npm…


Turn checkboxes and radio buttons in toggle switches.

Bootstrap Switch

Turn checkboxes and radio buttons in toggle switches.

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.

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:



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.

Two custom directives are available:

A Knockout binding handler is available here

A NuGet package is available here

IE9+ and all the other modern browsers.

Licensed under the Apache License, Version 2.0