列内的图像高度相等

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-img ，并设置 height：100％或您要查找的任何数字。这样，所有图像肯定会具有相同的高度。