Convert Checkboxes into Toggle Buttons with simple Bootstrap based library reference.

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

<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