Question

我尝试在bootstrap上创建一行，包含3张图片：

image http://img4.hostingpics.net/pics/908828bootstrap001.jpg

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

当我尝试这样做时附加的是行取第二个col高度的大小，基于图像B和C的大小。

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

与答案相关的评论：

该行必须始终第一列的大小，即使图像B和C的高度相加的实际大小更大，也就是说，图像B和C必须调整它们的大小以适应第一列的高度，由图像A确定。因此，对于您的测试，您应该在第二列上有大图（＆gt;图像高度A）。

感谢您的帮助。

Answer 1

您可以拥有嵌套行。第一行分为2列。第一列包含图像A.第二列内部有两行，一列有1列，每列用于图像B＆amp;图片C。

<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>

请参阅：http://codepen.io/anon/pen/BLwzZx

Bootstrap col max height with image

1 个答案: