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