设置为 col-md-* 的 div 中显示的内容在打印时显示堆叠和 100% 宽度。我目前的解决方法是将 div 更改为 col-xs-* 并希望没有人试图在小型设备上查看该页面。
我需要一些关于可以添加到 print.less 中的 @print 指令以使 col-sm-* 的打印布局保持水平的内容的指导。我知道 72dpi 的打印页面的像素宽度在 540px 范围内，所以这就是页面在 col-sm-* 上换行的原因。目前在我的打印 css 中，我有：
[class*="col-sm-"]{ float: left; }
哪个有效，但可能只有少数情况，可以满足我的迫切需要，但可能有未知的副作用。我已经将我的打印 css 中的字体缩小到 96%，因为它在默认情况下与屏幕上的打印相比太大了。这意味着在 col-sm-* 类中水平打印时，环绕在屏幕上的布局看起来很好，所有最多可能 11 列并排，考虑到页边距和网格填充以提高可读性。
编辑：这是一个 jsFiddle，但由于它们呈现 html >> JS Fiddle的方式，无法在那里复制行为