title: bootstrap 3 responsive grid break with images
body: <p>Probably I'm missing something or have misinterpreted <em>BS</em> documentation, the html below works as expected if I use text instead of images, as I place the images it breaks on <em>xs</em> and <em>sm</em>.</p>
  
  <p>By expected I mean: 1 row 8 columns on >= <em>md</em>, 2 rows 4 columns on <em>sm</em>, 4 rows 2 columns on <em>xs</em>.</p>
  
  <p>On my browsers (Chrome/Firefox) the behavior seems to be: </p>
  
  <ul>
  <li>first row always correct</li>
  <li>second row align the first image to the right and break the line (go to the next line)</li>
  </ul>
  
  <p>Any suggestion?</p>
  
  <pre><code>    &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-xs-6 col-sm-3 col-md-1 text-center"&gt;
                      &lt;img src="http://placehold.it/50x50" /&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-6 col-sm-3 col-md-2 text-center"&gt;
                      &lt;span class="stat-title"&gt;999&lt;/span&gt;&lt;br /&gt;text
                  &lt;/div&gt;
                  &lt;div class="col-xs-6 col-sm-3 col-md-1 text-center"&gt;
                      &lt;img src="http://placehold.it/50x50" /&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-6 col-sm-3 col-md-2 text-center"&gt;
                      &lt;span class="stat-title"&gt;999&lt;/span&gt;&lt;br /&gt;text
                  &lt;/div&gt;
                  &lt;div class="col-xs-6 col-sm-3 col-md-1 text-center"&gt;
                      &lt;img src="http://placehold.it/50x50" /&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-6 col-sm-3 col-md-2 text-center"&gt;
                      &lt;span class="stat-title"&gt;999&lt;/span&gt;&lt;br /&gt;text
                  &lt;/div&gt;
                  &lt;div class="col-xs-6 col-sm-3 col-md-1 text-center"&gt;
                      &lt;img src="http://placehold.it/50x50" /&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-6 col-sm-3 col-md-2 text-center"&gt;
                      &lt;span class="stat-title"&gt;999&lt;/span&gt;&lt;br /&gt;text
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>