In this recipe, we will use the Bootstrap Toggle plugin, which has not been updated for over a year at the time of writing this book. The plugin is also intended to be used with Bootstrap 3. Luckily, it will not take us a lot of effort to adjust the behavior of this plugin to work with Bootstrap 4.
To begin this recipe, navigate to the Bootstrap Toggle plugin repository, available at https://github.com/minhur/bootstrap-toggle.
Specifically, we need two files from this repository:
- The plugin's CSS, available at https://github.com/minhur/bootstrap-toggle/blob/master/css/bootstrap-toggle.css
- The plugin's JS, available at https://github.com/minhur/bootstrap-toggle/blob/master/js/bootstrap-toggle.js
There is also a Bower installation available for this plugin, by running the bower install bootstrap-toggle
code (as described in the official plugin website, at http://www.bootstraptoggle.com).