How do I align images to the bottom of a div (in bootstrap)?

Question

I would like to be able to align different sized images to the bottom of a div.

I have the following markup:

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

I can't figure out how to have all the images aligned to the bottom of the footer-images div. Any help would be greatly appreciated.

Answer 1

try this

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