title: Bootstrap 3 responsive on container-width not screen-width
body: <p>I'm working with Bootstrap 3 and am used to working with screen-width, now when it goes below a certain screen-width, the rows become horizontal instead of spread over columns.</p>
  
  <p>However, I want my container to be the screen-width, so if the container-width would be &lt;768px, the lines become horizontal.</p>
  
  <p>I've tried using .container-fluid but it's not working for me. How can I fix this?</p>
  
  <pre><code>&lt;div style="width:200px;"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-6"&gt;Test&lt;/div&gt;
              &lt;div class="col-sm-6"&gt;Test&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>