title: How do I center a Bootstrap Card Image
body: <p>How do I center an image in a Bootstrap 4 card? It's a vertical image and it looks wrong being left-aligned. I've been reading the Bootstrap Card documentation and can't find anything about centering the image.</p>
  
  <pre><code>&lt;div class="card-deck"&gt;
    &lt;div class="card col-sm-3"&gt;
      &lt;div&gt;
        &lt;img class="card-img-top" src="image_URL" alt="alt-text" &gt;
        &lt;div class="card-block"&gt;
          &lt;div class="card-text"&gt;
              text
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>