我有一个页脚的以下代码：
<div class="container"> <hr>
<div class="row">
<div class="col-md-6">
© BusinessName 2017.
</div>
<div class="col-md-3"> <br>
<a href="/blog"> Blog </a> <br>
<a href="/blog"> FAQ </a> <br>
<a href="/blog"> About </a>
</div>
<div class="col-md-3">
<p><strong>Contact</strong> <br> contact@businessname.com <br> more info bla bla <br> more more more info</p>
</div>
</div> </div>
我试图在底线上调整所有内容,我尝试过一些东西,但没有任何作用……任何好主意？
解决方法
您可以使用
new Bootstrap 4 flexbox utilities中的align-items-end …
<div class="container">
<hr>
<div class="row align-items-end">
<div class="col-md-6">
© BusinessName 2017.
</div>
<div class="col-md-3">
<a href="/blog"> Blog </a>
<br>
<a href="/blog"> FAQ </a>
<br>
<a href="/blog"> About </a>
</div>
<div class="col-md-3">
<strong>Contact</strong>
<br> contact@businessname.com
<br> more info bla bla
<br> more more more info
</div>
</div>
</div>