我是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? <a href="#" class="btn btn-blue-outline pull-right">Arrange a Valuation</a></p>
</div>
在最新的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?
<a href="#" class="btn btn-outline-primary float-right">Arrange a Valuation</a>
</p>
</div>
http://www.codeply.com/go/D2i7JWqv4d
将.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? <a href="#" class="btn btn-primary-outline pull-right">Arrange a Valuation</a></p>
</div>