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

Question

这感觉像是一个非常简单的问题，我在上面胡说八道。我有3个图像，我想以某种方式显示。基本上，我希望一个图像适合col/sm/xs-7和2个图像堆叠在另一个顶部，自动适应col/sm/xs-3。都包裹在每一面的col/sm/xs-1之间。

我不知道需要什么样的CSS才能让图像调整到列的大小。有什么想法吗？

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>

我不太明白你到底是怎么安排图片的，但我想这应该会对你有帮助。如果你给我描绘一幅你想要的图片如何排列的图画，我会给你量身定做的答案。

编辑:好的，我想我可能(？)现在明白了，这就是我的解决方案。你必须以你想要的方式调整图像的大小。或者，希望它们已经是你想要的大小，并且能很好地适合它。试一试。