How to do it…

  1. Open the file titled recipe08-02.ejs in chapter8/start/app folder, and add the following code:
<div class="container"><h2 class="mt-5">Recipe 08-02: <br>Letting Cards Take Up Space with the <code>.flex-wrap</code> and <code>.col</code> Classes</h2><p class="mt-4">In this recipe we'll switch DIRECTION, between a vertical (.flex-{breakpoint}column), and a horizontal (.flex-{breakpoint}-row) stacking of cards.</p><p class="mt-4">This recipe will introduce us to the flexbox grid in Bootstrap 4.</p></div><!-- /.container --><div class="container"> <%- partial("partial/_card1") %> <%- partial("partial/_card1") %> <%- partial("partial/_card1") %> <%- partial("partial/_card1") %> <%- partial("partial/_card1") %> <%- partial("partial/_card1") ...

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.