Bootstrap 3-打印布局和每个网格列后的分符

提问者：小点点

如果您以这个例子为例（在此查看：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>

当您对生成的页面进行打印预览时，似乎会导致列堆叠/中断（就好像移除了浮点），而不是以通常的网格布局显示它们。

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

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

共1个答案

匿名用户

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

使用“xs”大小的网格列（根据http://getbootstrap.com/css/#grid-options)，该列用于“Extra small devices Phones(<768px)”），Bootstrap高兴地按预期打印。

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