How to do it…

  1. Reference the CSS file from CDNJS and add it inside the head tag of app/_layout.ejs:
<link href="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.3.0/rangeslider.css" rel="stylesheet" />
  1. In app/partial/_js.ejs, add the following script tag to call the JS file from CDNJS:
<script src="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.3.0/rangeslider.js"></script>
  1. Open the app/recipe06-06.ejs file in your code editor 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 to bootstrap alerts docs</a></p> </div><!-- /.container --> <div class="col-12 col-md-5"><div><div class="wrapper"> ...

Get Bootstrap 4 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.