通过父div控制多个图像的高度

Question

我正在使用bootstrap，我有两个并排排列的div。现在我将2个外部图像（120px X 50px）调成div。如何通过给出高度：百分比值bannerStrip来缩放两个图像？所以基本上我想通过它的包装器控制2个图像的高度（同时保持图像方面 - raito）。

HTML：

<div class="row" id="bannerStrip">
      <div class="col-xs-8 col-sm-8 col-md-8"><img class="bannerBarInner" src="advert.png"></div>
      <div class="col-xs-4 col-sm-4 col-md-4"><img class="bannerBarInner" src="logo.png"></div>
    </div>

css（我尝试过但不成功）：

#bannerStrip{
  height: 75%;
  width: auto;
}
.bannerBarInner{
  height: 100%;
}

Answer 1

尝试使用img-responsive bootstrap类。

<img class="img-responsive" src="advert.png">