2017-05-12 6 views
3

나는 바닥 글에 다음 코드 한 콘텐츠 하단에 정렬합니다 : 나는 수익에 모든 내용을 정렬하는 데 노력하고어떻게 부트 스트랩 4 COL

<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> [email protected] <br> more info bla bla <br> more more more info</p> 
     </div> 
    </div> </div> 

, 나는 몇 가지를 시도했지만 아무것도 작동하지 않습니다 .. 어떤 밝은 아이디어라도?

답변

0
당신은 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> [email protected] 
      <br> more info bla bla 
      <br> more more more info 
     </div> 
    </div> 
</div> 

http://codeply.com/go/GXTF43toS9

+0

그거야 그, 감사합니다! – AAndrei

관련 문제