title: Bootstrap align-items-end but without the columns
body: <p>I need to align the elements inside a div to the end. And as I understand from Bootstrap's documentation, I should use d-flex and align-items-end. When I apply it, it sticks the elements to the bottom, but it also splits them into columns. And I don't want that.</p>
  
  <p>What do I need to do to fix it?</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;link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css" rel="stylesheet" /&gt;
  
  &lt;div class="row"&gt;
    &lt;div class="col-5"&gt;
      &lt;div class="card"&gt;
        &lt;div class="card-body text-left d-flex align-items-end"&gt;
          &lt;a href="#" class="card-link"&gt;Link&lt;/a&gt;
          &lt;a href="#" class="card-link"&gt;Link&lt;/a&gt;
          &lt;h5 class="card-title"&gt;Title&lt;/h5&gt;
          &lt;p class="card-text"&gt;Text goes here&lt;/p&gt;
          &lt;a href="#" class="btn"&gt;Button&lt;/a&gt;
          &lt;a href="#" class="btn"&gt;Button&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>