title: Vertical stacking on bootstrap grid
body: <p>I'm trying to vertically stack items on a bootstrap grid, but they're not stacking up correctly. Instead, it adds 4-5 items together to one row and breaks for next row. Is there anything bootstrap-native that can fix this? Or do I need some other workaround?</p>
  
  <pre><code>&lt;div id="result-container" class="row"&gt;
      &lt;div class="item col-xs-3" style="height:220px"&gt;Item&lt;/div&gt;
      &lt;div class="item col-xs-3" style="height:320px"&gt;Item&lt;/div&gt;
      &lt;div class="item col-xs-3" style="height:270px"&gt;Item&lt;/div&gt;
      ...
  &lt;/div&gt;
  </code></pre>
  
  <p>See <a href="http://jsfiddle.net/fgp2gqc6/" rel="nofollow noreferrer"><strong>jsFiddle</strong></a>.</p>
  
  <p><img src="https://i.stack.imgur.com/QIhYI.png" alt="Current, wanted"></p>