Javascript 列引导

所以，我正在用Bootstrap开发图像库。。。 问题是我不能制作四张图片，两张在上面，三张在上面，三张在左下角的垂直图片上。你可以在图片中看到，我有四张图片放好了，但是垂直的一张在它们下面

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <img class="img-responsive col-md-4" src="img/gallery/potok.jpg">
            <img class="img-responsive col-md-4" src="img/gallery/potok.jpg">
            <img class="img-responsive col-md-4" src="img/gallery/potok.jpg">
            <img class="img-responsive col-md-4" src="img/gallery/potok.jpg">
            <img class="img-responsive col-md-4" src="img/gallery/potok.jpg">
            <img class="img-responsive col-md-4" src="img/gallery/potok.jpg">
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <img class="img-responsive col-md-5" src="img/gallery/simon.jpg">
            <img class="img-responsive col-md-5" src="img/gallery/simon.jpg">
        </div>
</div>

---

我应该试试什么

您可以叠加类和元素

可能的例子

这里有一个建议

.col{
保证金：5px；
高度：200px；
}
.col-4{
利润率：5px0px；
}
.col-4，
上校{
背景图片：url(https://www.cowgirlcontractcleaning.com/wp-content/uploads/sites/360/2018/05/placeholder-img-3.jpg);
背景重复：无重复；
背景位置：中心；
背景尺寸：封面；
边框：1px纯红；
}

---

无法准确理解您的请求。你能举一个简单的例子说明如何显示图像吗？这样地