title: Bootstrap 3 - Print layout and breaks after each grid column
body: <p>If you take this example (view it here: <a href="http://www.bootply.com/93816" rel="noreferrer">http://www.bootply.com/93816</a>)</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-6"&gt;Column1&lt;/div&gt;
      &lt;div class="col-md-6"&gt;Column2&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When you do a print preview of the generated page, it seems to cause the columns to stack/break (as if the float is removed) instead of displaying them in the usual grid layout.</p>
  
  <p>I've had a look at the <code>@media print</code> sections of bootstrap.css and I can't see anything related to <code>div</code> that would cause that to happen.</p>
  
  <p>Does anyone know how to avoid this?</p>