Bootstrap 4 Cookbook

How to do it…

1. Open the currently empty file located at chapter5/start/main.scss, and add the following code:

@import "./bower_components/bootstrap/scss/bootstrap.scss";@import "./bower_components/bootstrap/scss/_mixins.scss";@import "./bower_components/font-awesome/scss/font-awesome.scss";@import "./bower_components/hover/scss/hover.scss";   @import "recipe05-01.scss";// @import "recipe05-02.scss";// @import "recipe05-03.scss"; // @import "recipe05-04.scss"; // @import "recipe05-05.scss"; // @import "recipe05-06.scss"; // @import "recipe05-07.scss";// @import "recipe05-08.scss";

2. Open another blank file located at chapter5/start/app/recipe05-01.ejs, and add the following code:

<div class="container"> <div class="mt-5"> <h1><%- title %></h1> ...