<p dir="auto">The full page is considered extra small in actual pixel size, so it uses the xs styles for layout (col-xs-...).</p>
<p dir="auto">This is a problem, in our case, we have a mobile view and a print view. The print view cannot be the same as the mobile view and the layout gets blown apart as a result.</p>
<p dir="auto">My interim solution is</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="@media print {
    [class*=&quot;col-sm-&quot;] {
        float: left;
    }
}"><pre class="notranslate"><code class="notranslate">@media print {
    [class*="col-sm-"] {
        float: left;
    }
}
</code></pre></div>
<p dir="auto">Please consider adding col-print-... classes or addressing this conflict in some other way that allows extra small and print layouts.</p>
<p dir="auto">When printing in Safari 7 and Firefox 25 the grid carries over to the print style, but in Chrome 34 and IE 11 everything stacks when printed. Any insights here?</p>