title: Bootstrap multiple rows based on mysql query count
body: <p>I am using Bootstrap to create a row of 6 colunm images.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;?php
      $sql = //my query
      while($row = mysqli_fetch_array($sql)){
      ?&gt;
      &lt;div class="col-xs-6 col-md-2"&gt;
         &lt;img id="img" class="img-responsive" src="img/&lt;?php echo $row['image']; ?&gt;" /&gt;
      &lt;/div&gt;
      &lt;?php
      }
      ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Which works fine when there is only 6 rows from the database, however when there is 7 the extra one gets bumped to the far right rather than the far left on the next row, see example below.</p>
  
  <pre><code>| img | img | img | img | img | img
                                | img
  </code></pre>
  
  <p>Normal result i am looking for would be </p>
  
  <pre><code>| img | img | img | img | img | img
  | img
  </code></pre>
  
  <p>I want to create a new bootstrap row after every 6 results, any help would be appriciated</p>