html - Bootstrap 3 - 在每个网格列之后打印布局和中断

Question

如果你拿这个例子(在这里查看:http://www.bootply.com/93816)

<div class="container">
  <div class="row">
    <div class="col-md-6">Column1</div>
    <div class="col-md-6">Column2</div>
  </div>
</div>

当您对生成的页面进行打印预览时，它似乎会导致列堆叠/中断(好像 float 被移除)而不是在通常的网格布局中显示它们。

我查看了 bootstrap.css 的 @media print 部分，但我看不到任何与 div 相关的内容会导致这种情况发生。

有谁知道如何避免这种情况？

Answer 1

Bojangles 的评论让我找到了正确的方向，所以我会回答我自己的问题。

使用“xs”大小的网格列，根据http://getbootstrap.com/css/#grid-options适用于“超小型设备电话 (<768px)”，Bootstrap 可以按预期愉快地打印。

<div class="container">
  <div class="row">
    <div class="col-xs-6">Column1</div>
    <div class="col-xs-6">Column2</div>
  </div>
</div>