在Drupal站点上使用Bootstrap打印页面

Question

我正在Drupal 7上构建一个站点，我正在使用Bootstrap。 当试图打印页面时，一切看起来都像是一团糟（你可以在打印预览中看到）。

我该如何解决这个问题？

示例页面：  http://newcmsqa2.discountbank.co.il/node/420

Answer 1

终于明白了。需要添加媒体查询来修复页面大小。 这是宽屏测量的一个例子：

@media print {
  @page {
    size: 1240px 1610px;
    margin: 52px;
  }
  .container {
    width: 1170px;
  }
}

此外，这是决定是否要隐藏某些块或更改打印尺寸的地方，如导航栏或其他元素。