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">

Bootstrap_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,
NabeelShahid.com