Combining numbered .col classes with plain .col classes

In this recipe, we will combine plain col classes with numbered col classes. This will allow us to create some wonderful combinations of columns that were previously not possible in Bootstrap. Even though this recipe is quite simple, having a firm understanding of these basic concepts will help us with more advanced recipes later in the chapter.

Getting ready

To begin the recipe, preview the completed one by navigating to chapter8/complete/app. Inside the folder, run the harp server commands from your console. Next, open the browser at localhost:9000/recipe08-04. You should see a row with three columns, a simple demonstration of important concepts we will discuss in this recipe.

How to do it…

1. Open the folder with the starter code at chapter8/start/app.
2. Open the file titled recipe08-04.ejs and add the code as follows:

<div class="container">
 <h2 class="mt-5">Recipe 08-04: Combining Numbered <code>col</code> Classes...