In this recipe, we will add five columns in a row. At the end of the recipe, you should have a fully customized modular page.
To get ready for this recipe, we will build from what we made in the first three recipes, the Preparing a static server with Bootstrap 4, Harp and Grunt recipe, the Deploying your web project with Surge recipe, and the Splitting up our Harp project into partials recipe in this chapter. To get started quickly, refer to the code provided with the book (folder: chapter2-5).
For basic information on how the layout works in Bootstrap 4, check out http://v4-alpha.getbootstrap.com/layout/overview/.
- In
workspace/app/index.ejs
, at the bottom of the file, let's comment out the EJS code. The current code looks like this:
<%- partial("partial/_defaultGrid") %>
We will comment it out by replacing the third character from -
to #
:
<%# partial("partial/_defaultGrid") %>
If you save your index.ejs
file now (and if...