使用Bootstrap v4將“卡片”右側的對齊按鈕

Question

我是Bootstrap的新手，以為我會使用他們的v4 alpha版本。

我正在嘗試將以下示例中的“安排評估”按鈕（靠近頁面底部）向右對齊，而其他文本則向左對齊。 我還需要文本和按鈕在中間垂直對齊。

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

在最新的Bootstrap 4（alpha 6）中pull-right現在float-right ：

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

http://www.codeply.com/go/D2i7JWqv4d

Answer 2

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