堆叠不同尺寸的图像并保持其尺寸

Question

简而言之，我正在尝试完成https://artsy.net/browse/artworks的方法？ 堆积他们的拇指。

我疯狂地尝试使用Bootstrap3。但是我开始认为这必须使用JS（??）来完成。

我的首选是使用预制的jQuery插件，但尚未找到任何插件。

经过多次尝试，也许我现在会失明。 我并不需要确切的解决方案，我只需要一些有关要查找或搜索的内容的指针。

Answer 1

我将从搜索“ Bootstrap缩略图网格”开始。

首先， .thumbnail > img将使图像占据其占位符的100％。
如果将缩略图以相同的宽度放入响应列中，则它们应对齐：

<div class="row">
    <div class="col-xs-3">
        <a href="#" class="thumbnail">
        <img src="http://placehold.it/400x200" alt="..." />
        </a>
    </div>
    <div class="col-xs-3">
         <a href="#" class="thumbnail">
        <img src="http://placehold.it/300x150" alt="..." />
        </a>
    </div>
    <!-- More columns -->
</div>

jsFiddle中的工作演示