How it works…

In step 1, we import the recipe-specific SCSS file from our main.scss. In step 2, we add the SCSS code that is needed to style Yamm3. The code is copied straight from https://github.com/geedmo/yamm3/blob/master/yamm/_yamm.scss. In step 3 ,we add the usual placeholder information that will go under the navbar, including the <%- title %> of the recipe. The title is pulled by harp from the _data.json file (which can be found in the app folder).

Step 4 includes Yamm3 into our navbar by virtue of including the appropriate Yamm3-specific css classes. It is important here to retain a proper structure of our HTML in accordance with the Bootstrap conventions for this to work.

In step 5, we include the _nav7.ejs partial, which will make ...

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.