title: Bootstrap row error
body: <p>I have 3 cols in my Bootstrap grid, there are multiple rows each box is filled with data from my DB.</p>
  
  <p>All is fine until it gets to <code>row 13</code> then I only get one box not 3, then it goes back to 3 on the next line until row 18 where I get 2 on a line.. the last 5 rows are fine.</p>
  
  <p>I've tried fixing the height of the container the rows, I've tried tables with fixed height nothing seem to work.</p>
  
  <p>Code is straight forward:</p>
  
  <pre><code>    &lt;div class="container" &gt;
         &lt;div class="row" &gt;
           &lt;div class="col-md-4" &gt;
             Content from database
  </code></pre>
  
  <p>So it looks like this: </p>
  
  <pre><code>    row 10 =  box  box  box
      row 11 =  box  box  box
      row 12 =  box  box  box
      row 13 =            box
      row 14 =  box  box  box
      row 15 =  box  box  box
      row 16 =  box  box  box
      row 17 =  box  box  box
      row 18 =       box  box
      row 19 =  box  box  box
  </code></pre>