title: Bootstrap xs columns wrap
body: <p>For the smallest xs size, even if I have the columns adding up to 12, they don't work as expected if screen width decreases beyond a certain limit. For instance:-</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
             &lt;div class="col-xs-2"&gt;
             &lt;/div&gt;
             &lt;div class="col-xs-1 col-xs-offset-8&gt;
              &lt;/div&gt;
              &lt;div class="col-xs-1&gt;
             &lt;/div&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I would expect the if I decrease the size the last column will get stacked up to the end of the screen. However, this is not the case. As the screen decreases beyond a certain limit, the last column wraps up toward the beginning of the screen. I have thought about writing css code to give the container min-width. However, I thought that bootstrap might have a better way to handle this</p>