Bootstrap 3响应图像并排相同的高度

Question

是否可以使用Bootstrap 3并排使用相同高度的2个响应图像？此刻的col-sm-4高度不一样.

<div class="container">
    <div class="row">                                     
        <div class="col-sm-4">                 
            <img class="img-responsive" src="http://placehold.it/400x400" />
        </div>                  
        <div class="col-sm-8">
            <img class="img-responsive" src="http://placehold.it/800x400" />
        </div>                  
    </div>
</div>

演示小提琴: http ://jsfiddle.net/u9av6/3/

谢谢!

Answer 1

试试这个:

<div class="col-sm-4"><img src="http://placehold.it/400x400" height="220" /></div>

<div class="col-sm-8"><img src="http://placehold.it/800x400" height="220" /></div>

Answer 2

这是我用简单包装器的解决方案.想法是处理纵横比:

jsfiddle演示