如何使用动态图块填充容器（如砌体）

Question

我有一个容器，其中包含动态数量的方块（可能是1,5,12等等。）

我希望它是一个三列布局，但要明白，瓷砖的数量可能无法被三个整除。在一个不能被三整除的情况下，我希望剩余的元素能够扩散以填补空白。

这是一个基本的JSfiddel https://jsfiddle.net/2w8p0tx2/。

＆＃13;

＆＃13;

<div class="row">
    <div class="col-xs-4 item">1</div>
    <div class="col-xs-4 item">2</div>
    <div class="col-xs-4 item">3</div>
    <div class="col-xs-4 item">4</div>
    <div class="col-xs-4 item">5</div>
    <div class="col-xs-4 item">6</div>
    <div class="col-xs-4 item">7</div>
</div>

＆＃13;

＆＃13;

＆＃13;

是否有一个库可以缩放元素以适应容器？

任何帮助将不胜感激。