Using awesome toggle buttons without Javascript or any other logic, other than plane form elements. The Pattern is the same as Twitter-Bootstrap. So it can be implemented without a breeze.
Browser support: Internet Explorer 9/10/11, Edge, FireFox, Safari, Chrome, Safari Ios, Stock Android browser 4.2, Chrome Android
Install package:
$ npm install titatoggle --save-dev (Bootstrap 4.x.x)
$ npm install titatoggle@1.0.0 --save-dev (Legacy bootstrap 3.x.x)
$ yarn add titatoggle
$ bower install titatoggle
<div class="checkbox checkbox-slider--X">
<label>
<input type="checkbox"><span>checked</span>
</label>
</div>More examples can be found at the documentation site:Titatoggle
MIT License