如何使用Bootstrap 3在文章样式中显示缩略图?

时间:2016-10-27 06:09:05

标签: html css twitter-bootstrap grid

我需要以这种方式显示3张图片: enter image description here

我尝试用最简单的方法制作它:

<div class="row">
    <div class="col-xs-9">
        <img src="/image/1.jpg">
    </div>
    <div class="col-xs-3">
        <img src="/image/2.jpg"><br /><br />
        <img src="/image/2.jpg">
    </div>
</div>

但是尺寸确定存在问题:图像由用户上传,因此所有图像都可以具有不同的尺寸和比例(因此图像可以是正方形而不是矩形)。此外,我需要限制行的最大高度,因为图像的高度最高可达1024px。

你能帮助我吗?提前致谢。

0 个答案:

没有答案