title: Twitter bootstrap grid: is it possible to simulate smaller screen by adding class to container?
body: <p>Does Twitter Bootstrap 3 provide a built-in way to "simulate" a smaller screen by adding a css class to grid container? </p>
  
  <p>My use case is that I want to display an section of html using bootstrap's grid normally on a large screen, but I want to reuse the same snippet for displaying in a modal (which is much narrower). For example, say I have this html: </p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-6 col-sm-12"&gt;One&lt;/div&gt;
          &lt;div class="col-md-6 col-sm-12"&gt;Two&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a built-in class I can add to the <code>.container</code> element (like <code>.simulate-sm</code>) to force the columns to display using the <code>sm</code> grid definition, even if it's on <code>md</code> screen? The html above is just an example: my real-world html has a large number of rows and more varied column combinations, which makes me hesitant to try to massage the column classes  individually. </p>
  
  <p>Thanks for your help!</p>