在自举网格上的垂直堆叠

Question

我正在尝试在引导网格上垂直堆叠项目，但它们没有正确堆叠。相反，它将4-5个项目添加到一行并打破下一行。有没有什么bootstrap-native可以解决这个问题？或者我还需要其他一些解决方法吗？

<div id="result-container" class="row">
    <div class="item col-xs-3" style="height:220px">Item</div>
    <div class="item col-xs-3" style="height:320px">Item</div>
    <div class="item col-xs-3" style="height:270px">Item</div>
    ...
</div>

请参阅jsFiddle。