Convert Checkboxes into Toggle Buttons with simple Bootstrap based library reference.
Bootstrap Toggle is a highly flexible Bootstrap plugin that converts checkboxes into toggles or toggle buttons.
Getting Started
Installation
You can download the latest version of Bootstrap Toggle or use CDN to load the library.
Warning If you are using Bootstrap v2.3.2, use bootstrap2-toggle.min.js
and bootstrap2-toggle.min.css
instead.
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css" rel="stylesheet"> <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script>
Bower Install
bower install bootstrap-toggle
Usage
Basic example
Simply add data-toggle="toggle"
to convert checkboxes into toggles.
<input type="checkbox" checked data-toggle="toggle">
<div class=“checkbox”> <label> <input type=“checkbox” data-toggle=“toggle”> Option one is enabled </label> </div> <div class=“checkbox disabled”> <label> <input disabled type=“checkbox” data-toggle=“toggle”> Option two is disabled </label> </div>
Website: http://www.bootstraptoggle.com/
Demos: http://www.bootstraptoggle.com/#demos
Download: https://github.com/minhur/bootstrap-toggle/archive/master.zip
Thanks,
SABIT SOLUTIONS