html - Bootstrap v4を使用して「カード」の右側にボタンを揃える

Question

私は Bootstrap を初めて使用し、v4 アルファ リリースを使用して飛び込もうと考えました。

次の例の「評価の配置」ボタン (ページの下部近く) を右に揃え、他のテキストを左に揃えようとしています。また、テキストとボタンを中央に垂直方向に配置する必要があります。

http://www.atlasestateagents.co.uk/mlb/landlords/services-and-fees.php

手伝ってくれますか？

<div class="card card-block card-blue clearfix">
    <p class="card-text">Want to know how much rent you could achieve for your property?&nbsp;<a href="#" class="btn btn-blue-outline pull-right">Arrange a Valuation</a></p>
  </div>

Answer 1

.pull-rightタグのクラスに追加します。

<div class="card card-block card-primary">
    <p class="card-text">Want to know how much rent you could achieve for your property?&nbsp;<a href="#" class="btn btn-primary-outline pull-right">Arrange a Valuation</a></p>
</div>