How it works...

In step 1 of this recipe, we start off with the addition of all the new files and folders needed for it to work.

In step 2, we add the font-awesome bower component. This will allow us to call font-awesome classes locally (without linking to a CDN).

In step 3, we download the image that we will use as our jumbotron background, just under the navbar.

In step 4, we add the recipe-specific SCSS code. This code calls our Bootstrap 4 default SCSS and font-awesome from bower_components.

In step 5, we add the code to the recipe-specific navbar.

Step 6 is very important, as it introduces a new concept in Bootstrap 4 related to the jumbotron component. In Bootstrap 4, jumbotron makes it easier to create a great call-to-action space, ...

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.