如何在Bootstrap 3.3.2中为图像容器设置相等的高度？

Question

我有thumbnail gallery，基于Bootstrap v3.3.2

有些图像的高度不同。因此，小高度图像显示在较小的容器中，因此看起来不太好。

有没有办法调整图像容器内图像周围的空间，以便生成的图像容器始终具有相同的高度，同时保持响应性？不是通过调整图像大小，而是通过调整周围的空间。 Demo page

<div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a class="thumbnail" href="#"><img class="img-responsive"  alt="Lorem ipsum" src="http://img1.jpg">
                </a>
                <p class="product-title">Product title one<br> FFL-050/-100
                </p>
            </div>

   <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a class="thumbnail" href="#"><img class="img-responsive"  alt="Lorem ipsum" src="http://img2.jpg">
                </a>
                <p class="product-title">Product title two<br> FI-10/-11
                </p>
            </div>