css – 如何将按钮与引导程序中行/列的底部对齐？

我有4列的行,每列有一个标题和一些文本.大多数列具有相似数量的文本,并按下其列中的按钮以匹配其余列.但是,一列的文本较少,并且没有按下按钮足够远.

有没有办法将按钮对齐到行的底部？我想实现这一点并同时保持响应,所以当屏幕较小时它看起来像这样：

这是我刚才的页面标记：

<div class="container">
  <div class="row">
    <div class="col-md-3">
      <h2>Heading</h2>
      <p>text here</p>
      <p><a class="btn btn-default" href="#" role="button">View details >></a></p>
    </div>
    <div class="col-md-3">
      <h2>Heading</h2>
      <p>text here</p>
      <p><a class="btn btn-default" href="#" role="button">View details >></a></p>
    </div>
    <div class="col-md-3">
      <h2>Heading</h2>
      <p>less text here</p>
      <p><a class="btn btn-default more" href="#" role="button">View details >></a></p>
    </div>
    <div class="col-md-3">
      <h2>Heading</h2>
      <p>text here</p>
      <p><a class="btn btn-default" href="#" role="button">View details >></a></p>
    </div>
  </div>
</div>@H_616_7@