Comment aligner le contenu sur fond Bootstrap 4 col

Question

Je le code suivant pour un pied de page:

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

Je suis en train d'aligner tout le contenu en ligne de fond, je l'ai essayé certaines choses, mais rien ne fonctionne .. Des idées brillantes?

Answer 1

Vous pouvez utiliser align-items-end du new Bootstrap 4 flexbox utilities ...

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

http://codeply.com/go/GXTF43toS9