列内相等的图像高度

Question

我正在尝试将一些图像放在两列中。 左栏中有一张图像，右栏中有两张图像。 右列中的两个图像应与左列中的图像具有相同的高度。我怎样才能做到这一点？

Screenshot

<div class="container">
    <div class="row">
      <div class="col-md-9">
        <img class="img-responsive" src="img/2.jpg" alt="">
      </div>
      <div class="col-md-3">
          <img class="img-responsive" src="img/4.jpg" alt="">

      </div>
      <div class="col-md-3">
          <img class="img-responsive" src="img/4.jpg" alt="">

      </div>
    </div>
</div>

.hero-header{
  position: relative;
}

.hero-headline {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Answer 1

只需使用您已经创建的类 img-responsive 并设置 height:100% 或您正在寻找的任何数字。像这样，所有的图像肯定会有相同的高度。