title: Bootstrap 13th column is displaying vertically
body: <p>I made a row with 100 columns and each should be as small as possible. But as you can see below the 13th column is acting odd.
  all the images and columns are generated using the same code so each height should be the same. I do know the 12 column rule for bootstrap, but I'm okay with it wrapping around at 12 or 40 I dont have a width rule in the application. Also if anyone can help the images are responsive but the column count is not if i shrink the window it goes straight to one column per row instead of say 11 and then 10 and so forth and so on.</p>
  
  <p><a href="https://i.stack.imgur.com/ZrLnj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZrLnj.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="form-horizontal container" id="ActualHallOfLights"&gt;
    &lt;div class="row"&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 1:True
        &lt;Img alt="True" class="img-responsive" height="50" src="/Images/LightBulbOn.jpg" width="40" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 2:False
        &lt;Img alt="False" class="img-responsive" height="50" src="/Images/LightBulbOff.jpg" width="35" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 3:True
        &lt;Img alt="True" class="img-responsive" height="50" src="/Images/LightBulbOn.jpg" width="40" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 4:False
        &lt;Img alt="False" class="img-responsive" height="50" src="/Images/LightBulbOff.jpg" width="35" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 5:True
        &lt;Img alt="True" class="img-responsive" height="50" src="/Images/LightBulbOn.jpg" width="40" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 6:False
        &lt;Img alt="False" class="img-responsive" height="50" src="/Images/LightBulbOff.jpg" width="35" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 7:True
        &lt;Img alt="True" class="img-responsive" height="50" src="/Images/LightBulbOn.jpg" width="40" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 8:False
        &lt;Img alt="False" class="img-responsive" height="50" src="/Images/LightBulbOff.jpg" width="35" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 9:True
        &lt;Img alt="True" class="img-responsive" height="50" src="/Images/LightBulbOn.jpg" width="40" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 10:False
        &lt;Img alt="False" class="img-responsive" height="50" src="/Images/LightBulbOff.jpg" width="35" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 11:True
        &lt;Img alt="True" class="img-responsive" height="50" src="/Images/LightBulbOn.jpg" width="40" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 12:False
        &lt;Img alt="False" class="img-responsive" height="50" src="/Images/LightBulbOff.jpg" width="35" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 13:True
        &lt;Img alt="True" class="img-responsive" height="50" src="/Images/LightBulbOn.jpg" width="40" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 14:False
        &lt;Img alt="False" class="img-responsive" height="50" src="/Images/LightBulbOff.jpg" width="35" /&gt;
      &lt;/div&gt;
      &lt;div class="thumbnail col-sm-1"&gt; 15:True
        &lt;Img alt="True" class="img-responsive" height="50" src="/Images/LightBulbOn.jpg" width="40" /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>