Comment puis-je aligner le bouton vers le bas de la ligne/colonne dans le bootstrap?

J'ai la ligne avec 4 colonnes, chacune avec un titre et du texte. La plupart des colonnes ont la même quantité de texte et appuyez sur le bouton dans leur colonne vers le bas pour correspondre au reste de l'colonnes. Cependant une colonne a moins de texte et de ne pas pousser le bouton vers le bas assez loin.

Comment puis-je aligner le bouton vers le bas de la ligne/colonne dans le bootstrap?

Est-il un moyen d'aligner le bouton vers le bas de la ligne? J'aimerais réaliser et de les conserver sensible dans le même temps, de sorte qu'il ressemble à ceci lorsque l'écran est plus petit:

Comment puis-je aligner le bouton vers le bas de la ligne/colonne dans le bootstrap?

C'est mon balisage de la page tout à l'heure:

<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>

OriginalL'auteur Sheldon | 2014-05-29