I am looking to align the elements within a div to the end, but when I use Bootstrap's d-flex and align-items-end classes, it causes the elements to be split into columns. This is not the desired outcome. How can I resolve this issue?
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css" rel="stylesheet" />
<div class="row">
<div class="col-5">
<div class="card">
<div class="card-body text-left d-flex align-items-end">
<a href="#" class="card-link">Link</a>
<a href="#" class="card-link">Link</a>
<h5 class="card-title">Title</h5>
<p class="card-text">Text goes here</p>
<a href="#" class="btn">Button</a>
<a href="#" class="btn">Button</a>
</div>
</div>
</div>
</div>