使用 Bootstrap 网格保持一致的“行”高度

Question

我正在使用 Bootstrap 3，我正在尝试制作一个照片和标题网格，随着屏幕宽度变小，列数会缩小，并为“行”上的最高元素保持适当的高度。 我在这里用引号括起来。 我不能使用 class 行，因为换行符会根据屏幕宽度（每“行”3、2 或 1 列）而变化。

这是 HTML 中每个单元格的大致概念。

<div class="col-xs-12 col-sm-6 col-md-4">
    <div class="thumbnail">
        <a href="..."><img src="..." alt="..."/></a>
        <div class="caption">...</div>
    </div>
</div>

这是我在屏幕上看到的。 在中等屏幕宽度下，我们有三张照片，看起来不错。 请注意，照片的第二“行”从最左侧开始：

当屏幕缩小到小尺寸时，列数正确地变为 2。但是，由于“单元格”高度的变化，后续照片不会返回到最左边的位置：

Bootstrap 是否有办法为“行”中的所有单元格保持一致的高度，并确保从新“行”开始的单元格清除所有先前的单元格并从最左边的位置开始？