How to do it...

  1. In workspace/app/index.ejs, change the code to look like this:
      <!--       <div class="container">       <div class="starter-template">       <h1>Bootstrap 4 Grid Recipe</h1>       <p class="lead">Use this document as a way to quickly start any         new project.<br> All you get is this text and a mostly barebones         HTML document.</p>       </div>       </div>      -->      <%# partial("partial/_defaultGrid") %>      <%# partial("partial/_chapter02-05-html") %>      <%# partial("partial/_chapter02-06-html") %>      <%# partial("partial/_chapter02-06-html") %>      <%- partial("partial/_chapter02-07-html") %>
  1. In app/_layout.ejs, the updated code from the opening !DOCTYPE to the <%- yield %> should look like this:
      <!DOCTYPE html>      <html lang="en">       <head>       <meta charset="utf-8"> <meta name="viewport" ...

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.