- Open the empty chapter3/start/app/recipe8.ejs file and add the following code to it:
<div class="container mt-5"> <h1>Chapter 3, Recipe 8:</h1> <p class="lead mb-5">Style a Price Section Using Bootstrap's Default Table Classes</p>
In the preceding code, just like in the previous recipes, we are setting up the heading and lead paragraph for this recipe.
- Add the table inside a div tag with the classes of .table-responsive, .text-center, and .mb-5:
<div class="table-responsive text-center mb-5"> <table class="table table-striped table-sm "> <thead> <tr> <!-- https://github.com/twbs/bootstrap/issues/16146 --> <th class="text-center">Free Plan</th> <th class="text-center">Basic Plan</th> <th class="text-center">Pro Plan</th> ...