在Bootstrap中出错图像库

Question

我是Bootstrap的新手，想要创建一个图片库。我的期望是

但我这样得到它：

我的HTML代码是：

<div class="row">
                    <div class="col-md-4">
                        <a href="#" class="thumbnail">
                            <img src="img/sell/5.jpg" class="img-responsive" alt="...">
                        </a>
                    </div>
                    <div class="col-md-8">
                        <div class="col-md-12">
                            <a href="#" class="thumbnail">
                                <img src="img/slider/slider-1.jpg" class="img-responsive" alt="...">
                            </a>
                        </div>
                        <div class="col-md-6">
                            <a href="#" class="thumbnail">
                                <img src="img/sell/5.jpg" class="img-responsive" alt="...">
                            </a>
                        </div>
                        <div class="col-md-6">
                            <a href="#" class="thumbnail">
                                <img src="img/sell/5.jpg" class="img-responsive" alt="...">
                            </a>
                        </div>
</div>

请告诉我们如何编写正确的代码。

Answer 1

您拥有正确的代码。不同的是，左图像与右图像的高度不相等。

在期望示例中，左图像等于右侧的2行图像的高度。在右侧使用较长的图像将修复它（或给左列更宽的列空间）。