With Bootstrap 4, wells, panels, and thumbnails have been replaced by cards. A card is a flexible container for many kinds of content. It includes customization options for headers, footers, and colors.
An example of a Bootstrap card component that contains an image, a title, and text content is illustrated in the following screenshot:
The markup required to generate the Bootstrap card is as follows:
<div class="card"> <img class="card-img-top" src="~/img/skyline.jpg" alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Chicago Skyline</h4> <p class="card-text">Chicago Skyline At Night from Hotel 71 on Wacker Drive.</p> <a href="http://publicdomainarchive.com/free-stock-photos-chicago- skyline-night-hotel-71-wacker-drive/" class="btn btn-primary">Visit Source</a> </div> </div>
18.189.189.67