title: Vertical align with bootstrap not working
body: <p>Maybe I don't have it setup right? I've been looking at code for the past 3 hours so it's possible I'm over looking something. Either way I have this h3 in a div and I want it to be centered both horizontally and vertically, however only horizontal is working.</p>
  
  <pre><code>&lt;div class="col-md-4"&gt;
      &lt;div class="align-items-center" style="background-image:url({{ uni.u_homepage_pic.url }}); background-repeat:no-repeat; width: 350px; height: 225px;"&gt;
          &lt;h3 class="text-center" style="color:#ffffff;"&gt;{{ uni.u_name }&lt;/h3&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Update: Using Bootstrap V4</strong></p>