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 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 class="card-footer">
Card footer
Last Updated 1 year ago
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages