title: Bootstrap grid stacked columns not filling up the whole width
body: <p>I'm having issues with the following markup. The columns from the last row do not fill up the whole width even though the container is fluid and the sum of their classes is 12.</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row" id="header"&gt;
          &lt;h1&gt;Title&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="row" id="ndHeader"&gt;
          &lt;h2&gt;Categories &lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xs-6 col-sm-3" id="sidebar"&gt;.col-xs-6 .col-sm-3&lt;/div&gt;
          &lt;div class="col-xs-6 col-sm-9"&gt;
                &lt;div class="clearfix hidden-sm-up"&gt;&lt;/div&gt;
              &lt;div class="row tileRow"&gt;
                  &lt;div class="col-xs-4 col-sm-3 tile"&gt;
                      &lt;div class="tileContent"&gt; asd &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-4 col-sm-3 tile"&gt;
                      asd asd asdasdasdaddddddddddddddddddddddddddddddddddddddddddddddddddd
                  &lt;/div&gt;
                  &lt;div class="col-xs-4 col-sm-3 tile"&gt;
                      asd asd asdasdasdaddddddddddddddddddddddddddddddddddddddddddddddddddd
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>You can see the live example : <a href="http://www.bootply.com/GsJbodLFwb#" rel="nofollow">http://www.bootply.com/GsJbodLFwb#</a></p>