l00per l00per - 1 year ago 173
CSS Question

Bootstrap 3 responsive images side by side same height

Is it possible to use 2 responsive images side by side with same height with Bootstrap 3? At the moment the

hasn't the same height.

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

Demo Fiddle: http://jsfiddle.net/u9av6/3/


Answer Source

try this:

<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>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download