If you’re familiar with Bootstrap 4.2, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.

<div class="card card-white">
    <div class="card-header">
        Card Heading
    </div>
    <div class="card-block">
        <h3 class="text-capitalize">Body Heading</h3>
        <p>Easily add a heading container to your Card with .Card-heading. You may also include any <code><h1>-<h6></code> 
        with a .card-title class to add a pre-styled heading.</p>
    </div>
    <div class="card-footer">
        Card footer
    </div>
</div>