4

我需要在我的网站上打印网页，我想知道如何使Bootstraprow和spanX类工作，以便我可以轻松管理打印页面的内容。

例如：

<div class="row-fluid">
<div class="span12">
<strong>Some stuff</strong>
</div>
</div>

和

<div class="row-fluid">
<div class="span6 offset6">
<strong>Some stuff</strong>
</div>
</div>

调用时看起来完全一样window.print()。

在上面的例子中，<strong>Some stuff</strong>没有被offset6.

我做了两件事：

  • 取自和 的所有@media print代码；bootstrap.cssbootstrapresponsive.css

  • 更改media为all：
    从<link rel="stylesheet" type="text/css" href="/path/css/bstrapmin.css" media="screen" />

    到<link rel="stylesheet" type="text/css" href="/path/css/bstrapmin.css" media="all" />；

通过这些更改，页眉、页脚和引导（原始）字体已出现在打印页面上，但仍然没有来自/类的影响。

谢谢。

4

1 回答 1

0

您是否制作了单独的样式表并将其放在所有其他样式表之后并执行

<link rel="stylesheet" type="text/css" href="/path/css/print-stylesheet.css" media="print" />

您放入其中的任何内容都将覆盖您在 media="screen" 样式表中拥有的任何其他样式。只需确保它是 DOM 中调用的最后一个 CSS 文件。

我忘记了是否必须在打印样式表中包含@media print ，我认为media="print"会解决这个问题

于 2013-08-03T18:17:02.570 回答