In this recipe, we will build a simple layout, the old-fashioned way, using the default Bootstrap grid (without flexbox).
To get ready for this recipe, we will build from what we made in the first two recipes, Preparing a static server with Bootstrap 4, Harp and Grunt and Deploying your web project with Surge, of this chapter.
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 end of the file, add a call to another partial:
<%- partial("partial/_defaultGrid") %>
- Create and open
_defaultGrid.ejs
:
cd && cd workspace/app/partial && touch _defaultGrid.ejs && c9 _defaultGrid.ejs
- Add the following code to
_defaultGrid.ejs
:
<!-- Recipe 201 - Classes used: container-fluid, container, bg-*, p-*, m-*, mt-*, mb-*, lead, text-center, text-white ...