如何将图像宽度设置为bootstrap列的宽度

Question

这感觉就像一个非常简单的问题，我正在大脑放屁。我有3个图像，我想以某种方式显示。基本上我想要一个图像适合col-md / sm / xs-7和2个图像叠加在另一个上面自动调整到col-md / sm / xs-3。全部包裹在两侧的col-md / sm / xs-1之间。

我无法弄清楚我需要告诉图像调整大小到列的大小。有什么想法吗？

Answer 1

这样的东西？

<div class="row">
    <div class="col-md-7">
        <image class="img-responsive" src="largeimage.jpg" width="200" height="400"/>
    </div>
    <div class="col-md-5">
        <div class="row">
            <div class="col-md-3">
                <image class="img-responsive" src="yourSmallImage.jpg" width="200" height="200"/>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <image class="img-responsive" src="yourSmallImage.jpg"  width="200" height="200"/>
            </div>
        </div>
    </div>
</div>

我不太明白你试图安排图片的确切方式，但我认为这应该对你有所帮助。如果你给我描绘一幅你想要如何安排图片的照片，我将为你量身定制答案。

编辑：好的，我想我现在可能（？）明白，这是我的解决方案。您必须按照您想要的方式调整图像大小。或者，希望它们已经是您想要的尺寸并且非常适合。试一试。