Card image left

Align the image to the left of the card body.

Left image

Example text

<!-- Source -->
<div class="card flex-row"><img class="card-img-left example-card-img-responsive" src="/postboot/assets/img/thumbnail.jpg"/>
  <div class="card-body">
    <h4 class="card-title h5 h4-sm">Left image</h4>
    <p class="card-text">Example text</p>
  </div>
</div>

Responsive

<!-- Responsive -->
<img class="card-img-sm-left" src="/postboot/assets/img/thumbnail.jpg"/>
<img class="card-img-md-left" src="/postboot/assets/img/thumbnail.jpg"/>
<img class="card-img-lg-left" src="/postboot/assets/img/thumbnail.jpg"/>
<img class="card-img-xl-left" src="/postboot/assets/img/thumbnail.jpg"/>