title: Centering a single column using bootstrap 4 grid system
body: <p>I am trying to use the bootstrap 4 grid system to center a single column. In bootstrap 3 I was able to do:</p>
  
  <pre><code>&lt;div class="col-md-10 col-md-offset-2"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In bootstrap 4 the same does not work even when using the new offset class: offset-md-2.</p>
  
  <p>The following works, but something feels wrong about having empty columns on the page, just to center a col-md-5.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col"&gt;&lt;/div&gt;
      &lt;div class="col-md-5 align-self-center"&gt;
          &lt;img src="img/myimage.gif" style="width: 100%;"&gt;
      &lt;/div&gt;
      &lt;div class="col"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>