我有一个图像数组，我想迭代它一次显示3列。理想情况下，我希望在每个元素上都有一个Bootstrap col-xs-4样式，以便列包装到下一列或下一行......但这种方法无法正常工作。
如果我有5张不同高度的图像，前3张图像完美无缺...在图像4处我有垂直间距问题。你可以在JSFiddle link -
看到我的意思我能纠正这个吗？如果我将数组重新构造为3，我可以将每个图像逐列放置在col-xs-4组中，并且没有垂直空格，但这样效率很低。
换句话说......
<div class="row">
<div class="col-xs-4">
//for-loop here
</div>
<div class="col-xs-4">
//for-loop here
</div>
<div class="col-xs-4">
//for-loop here
</div>
</div> <!-- row -->
以上工作正常，但再次，效率低下，因为我必须切片我的阵列......很多。我正在尝试优化代码而不必这样做。