Bootstrap multiple rows based on mysql query count
<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>