堆叠不同大小的图像保持其大小

Question

保持简短，我试图完成https://artsy.net/browse/artworks的方式？堆叠他们的拇指。

我疯狂地尝试使用bootstrap 3进行不同的事情。但是我开始认为这必须用JS（??）完成。

我的第一选择是使用预先制作的jQuery插件，但没有找到任何插件。

也许我经过多次尝试后才会失明。我不是要求确切的解决方案，我只需要一些关于要查看或搜索的内容的指示。

Answer 1

我开始搜索＆＃34; Bootstrap Thumbnail Grid＆＃34;。

为了让您入门，.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>

Working demo in jsFiddle