title: How to fix uneven rows in Bootstrap if you're using a WordPress loop?
body: <p>I have the following <code>div</code> in my loop:</p>
  
  <pre><code>&lt;div class="col-xs-12 col-sm-4 col-md-4"&gt;
     *all my mark-up*
  &lt;/div&gt;
  </code></pre>
  
  <p>So it's outputting my posts, but they have different heights creating uneven rows. Normally I'd add the following <code>div</code> after every x "<code>col-*</code>" to clear them with:</p>
  
  <pre><code>&lt;div class="clearfix visible-xs-block visible-sm-block"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But since the divs are outputted by the loop, I can't do that, well I don't know how to. </p>