Twitter bootstrap 使用引导css打印

Twitter bootstrap 使用引导css打印,twitter-bootstrap,printing-web-page,Twitter Bootstrap,Printing Web Page,我有一个引导css布局的页面。我正试着从一张桌子上打印出来。然而,这张桌子看起来和屏幕上的完全不同。我包括如下css文件: <link href='../bootstrap.min.css' rel='stylesheet' type='text/css'> 有没有办法让打印的表格看起来与屏幕上的一样,或者我必须为我要打印的表格创建一个特定的css文件?您也可以使用media='screen,print' <link ../bootstrap.min.css' rel=

我有一个引导css布局的页面。我正试着从一张桌子上打印出来。然而,这张桌子看起来和屏幕上的完全不同。我包括如下css文件:

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


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

您也可以使用
media='screen,print'

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

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

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

将每个
列md-
替换为
列xs-
例如:将每个
col-md-6
更换为
col-xs-6

不要忘记使用引导表类

这是我解决这个问题的方法,你可以找出你需要替换的东西


谢谢。请看关于这个问题的公认答案。。您好,我看了这个答案,我似乎包括了引导css文件,如答案中提到的。如果我将链接标签更改为add media=“print”,它将不适用于屏幕上的内容。您找到过这个问题的答案吗?谢谢您的回答。但是,此解决方案将删除表格边框。也许我需要为@media=print添加一个单独的css文件,其中包括表格中的边框?虽然这段代码可能会回答这个问题,但提供关于为什么和/或如何回答这个问题的额外上下文将显著提高其长期价值。请在您的回答中添加一些解释。