使用bootstrap css进行打印

Chr*_*n R 6 printing-web-page twitter-bootstrap

我有一个带bootstrap css布局的页面.我想打印一张桌子.然而,该表看起来与它在屏幕上没有任何关系.我包括这样的css文件:

<link href='../bootstrap.min.css' rel='stylesheet' type='text/css'>
Run Code Online (Sandbox Code Playgroud)

有没有办法让打印的表看起来像在屏幕上一样,或者我是否必须为我想要打印的表创建一个特定的css文件?

Chr*_*ett 7

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

 <link ../bootstrap.min.css' rel='stylesheet' media='screen,print'>
Run Code Online (Sandbox Code Playgroud)


小智 5

将 every 替换col-md-为 例如col-xs- :将 every 替换col-md-6col-xs-6

并且不要忘记使用引导表类。

这是对我有用的东西,可以帮助我摆脱这个问题,你可以弄清楚你必须更换什么。

谢谢。