How it works...

In this recipe, we start out with a lot of prebuilt code and structure, which is a good starting point for DRY development, and it is the foundation that we will build upon in the coming recipes in this chapter. We have preinstalled font-awesome and Hover.css as bower_components, and these are included in the starter code for this example.

In step 2 of this recipe, we are calling the main.css file that will be compiled into the app/www/css folder (via grunt).

In step 3, we are adding the HTML structure for the index page. The CSS classes in this HTML structure are only those that exist in the default Bootstrap code. There are no additions and no overrides for css.

Once we serve our website via Harp, this index page is the ...

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.