title: Prevent stacking in Bootstrap 3 and use overflow hidden to hide grid cells
body: <p>I am using a Bootstrap 3 grid and I want cells that don't fit on the row to be hidden by the parent's overflow:hidden CSS property, instead of being displayed on the next line by Bootstrap ("stacked").</p>
  
  <p>Is this possible? Please have a look at this example: </p>
  
  <p><a href="http://plnkr.co/edit/TYyEcYSe1MhZWTCFnJln?p=preview" rel="noreferrer">http://plnkr.co/edit/TYyEcYSe1MhZWTCFnJln?p=preview</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  
    &lt;style&gt;
  
      #grid-container {
        overflow: hidden; 
      }
  
      #grid-container div {
        background-color: #cdcdcd;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
      }
    &lt;/style&gt;
  
    &lt;link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"&gt;
    &lt;script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
        &lt;div id="grid-container" class="col-xs-12"&gt;
            &lt;div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"&gt;
              Item 1
            &lt;/div&gt;
            &lt;div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"&gt;
              Item 2
            &lt;/div&gt;
            &lt;div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"&gt;
              Item 3
            &lt;/div&gt;
            &lt;div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"&gt;
              Item 4
            &lt;/div&gt;
            &lt;div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"&gt;
              Item 5
            &lt;/div&gt;
            &lt;div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"&gt;
              Item 6
            &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>In the example I would love everything to be on one single line, always, and have cells that don't fit hidden by the #grid-container overflow:hidden. </p>
  
  <p>Thanks.</p>