Html 带图像的引导列最大高度

我尝试在bootstrap上创建一行，其中包含3个图像：

（来源：）

但是我不知道怎么做。。我想在行上有2个列，第二个列的图像B和图像C的大小必须与第一个列的大小相同，第一个列的大小由图像A的大小决定

当我尝试这样做时，附加的是根据图像B和C的大小获取第二列高度的大小

图像B和C可以具有随机大小，不确定

与答案相关的备注：

行必须始终小于或等于第一列的大小，即使图像B和C的高度相加的实际大小更大，也就是说，图像B和C必须调整其大小以适应由图像A确定的第一列的高度，你应该在第二列有一幅大图（>图像A的高度）

---

谢谢您的帮助。

您可以使用嵌套行。第一行被分成两列。第一列包含图像A。第二列内部有两行，其中一列为图像B和图像C，每列1行

<div class="row">
    <div class="col-xs-6">
        <img src="image-a">
    </div>
    <div class="col-xs-6">
        <div class="row">
            <div class="col-xs-12">
                <img src="image-b">
            </div>
            <div class="col-xs-12">
                <img src="image-c">
            </div>
        </div>
    </div>
</div>

---

请参见：

这不太好，问题是如果图像b和图像c的高度大于图像a的高度，则整行取第二列的高度。行必须始终是第一列的高度，即图像a的高度。在第二列中，图像必须调整其高度以适应此大小。