【问题标题】：Printing with bootstrap css使用引导 css 打印
【发布时间】：2013-05-06 02:15:49
【问题描述】：

我有一个带有引导 css 布局的页面。我正在尝试打印一张桌子。然而，表格看起来与屏幕上的完全不同。我包含这样的 css 文件：

<link href='../bootstrap.min.css' rel='stylesheet' type='text/css'>

有没有办法让打印的表格看起来与屏幕上的一样，还是我必须为我要打印的表格创建一个特定的 css 文件？

【问题讨论】：

【解决方案1】：

您也可以使用 media='screen,print' 在打印和屏幕上应用样式表

 <link ../bootstrap.min.css' rel='stylesheet' media='screen,print'>

【讨论】：

【解决方案2】：

您应该使用 media="all" 来确保您的 CSS 将应用于所有情况，包括打印。使用 media='screen,print' 对我不起作用。

<link ../bootstrap.min.css' rel='stylesheet' media='all'>

【讨论】：

【解决方案3】：

将每个col-md- 替换为col-xs- 例如：将每个col-md-6 替换为col-xs-6。

别忘了使用引导表类。

这对我来说是解决这个问题的方法，你可以弄清楚你必须更换什么。

谢谢。

【讨论】：