Как выровнять изображения в нижней части div (в бутстрапе)?

Question

Я хотел бы иметь возможность выровнять изображения разных размеров в нижней части div.

У меня есть следующий код:

<div class="container"> 
    <div class="container"> 
    <div class="footer-images"> 
     <a href="link1"><img src="img1"></a> 
     <a href="link2"><img src="img2"></a> 
     <a href="link3"><img src="img3"></a> 
    </div> 
    </div> 
    <div class="container"> 
    <div class="copyright"> 
     <p>© Some Company YYYY</p> 
    </div> 
    </div> 
</div> 

Я не могу понять, как получить все изображения, выровненные в нижней части нижнего колонтитула изображения дел. Любая помощь будет принята с благодарностью.

Answer 1

попробовать этот

.footer-images img{ 
     vertical-align:bottom; 
     border:0; 
     } 

Answer 2

используется для этого CSS и применять

.footer-images img{ 
width:xxpx; 
height:xxpx;   // add here your style as like with height border etc. 
vertical-aling:top; 
border:0; 
} 

Подробнее о bootstrap

Answer 3

ли эта помощь?

<style type="text/css"> 
.footer-images { 
    margin: auto; 
    display: block; 
    position: absolute; 
    bottom: 0; 
} 
.footer-images .copyright { 
    text-align: center; 
} 
</style> 

Используя этот HTML

<div class="container"> 
    <div class="container"> 
    <div class="footer-images"> 
     <a href="link1"><img src="http://placehold.it/350x150"></a> 
     <a href="link2"><img src="http://placehold.it/640x480"></a> 
     <a href="link3"><img src="http://placehold.it/120x120"></a> 
     <div class="container"> 
     <div class="copyright"> 
      <p>© Some Company YYYY</p> 
     </div> 
     </div> 
    </div> 
    </div> 
</div>