title: Bootstrap 4: Align items inside flexbox item
body: <p>I'm using Bootstrap 4 and Flexbox to align columns inside a row.
  I need the same height for all columns. So I use the class "align-items-stretch" (<a href="http://v4-alpha.getbootstrap.com/utilities/flexbox/#align-items" rel="nofollow noreferrer">http://v4-alpha.getbootstrap.com/utilities/flexbox/#align-items</a>) to give them all the same height. Now I want to align the content inside the column to the bottom.</p>
  
  <p>Is there a way with Flexbox? Or is it the wrong way?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row d-flex align-items-stretch"&gt;
    &lt;div class="col"&gt;&lt;/div&gt;
    &lt;div class="col"&gt;&lt;/div&gt;
    &lt;div class="col"&gt;&lt;/div&gt;
    &lt;div class="col"&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>