How to do it...

  1. Navigate to app/recipe2.ejs and add the following code to it:
      <!-- Create Comment Areas Using Media Objects -->      <div class="container mt-5">       <h1>Chapter 3, Recipe 2:</h1>       <p class="lead">Create Comment Sections Using Media Objects</p>       <ul class="custom-media">       <li class="media list-group-item media p-4">       <img class="media-object mr-3 align-self-start rounded img-        thumbnail" src="http://placehold.it/80x80/bada55">       <div class="media-body">       <div class="media-heading">        <p class="lead mb-1"><em>John Doe</em>       <span class="float-right"><i class="fa fa-heart text-faded-        green"></i> <i class="fa fa-twitter text-faded-green"></i> <i         class="fa fa-facebook text-faded-green"></i></span>       </p> <time class="badge badge-faded-green ...

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.