Bootstrap 4 Cookbook

How to do it…

1. Copy the raw CSS code from the GitHub link at https://raw.githubusercontent.com/minhur/bootstrap-toggle/master/css/bootstrap-toggle.css.
2. Open the currently blank recipe06-01.scss and paste the code copied from step 1.
3. Starting on line 58, add the following code to recipe06-01.scss:

// added.toggle-handle { background: #ddd;}// added.btn.active.toggle-off { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); color: #333; background-color: #e6e6e6; border-color: #adadad;}

4. Open the currently empty file titled recipe06-01.ejs, which can be found inside the app folder, and paste the following code:

<div class="container"> <div class="mt-5"> <h1><%- title %></h1> <p><a href="https://v4-alpha.getbootstrap.com/components/alerts/" target="_blank">Link ...