3 Cards in a Row with Bootstrap 4.4

Posted on March 27, 2020 at 11:53 am

Example of 3 cards in a row with Bootstrap 4.4:

<div class="row py-3">
  <div class="col-sm-4 py-3">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Example Title 1</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
        <a href="#" class="btn btn-primary">Go somewhere</a>
      </div>
    </div>
  </div>
  <div class="col-sm-4 py-3">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Example Title 2</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
        <a href="#" class="btn btn-primary">Go somewhere</a>
      </div>
    </div>
  </div>
  <div class="col-sm-4 py-3">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Example Title 3</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
        <a href="#" class="btn btn-primary">Go somewhere</a>
      </div>
    </div>
  </div>
</div>

Receive updates via email

Other Posts

Updated Posts