打印 – 如何创建可打印的Twitter-Bootstrap页面

前端之家收集整理的这篇文章主要介绍了打印 – 如何创建可打印的Twitter-Bootstrap页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用Twitter-Bootstrap,我需要能够在浏览器上打印它的样子。我可以打印用Twitter-Bootstrap制作的其他页面很好,但我似乎不能打印使用纯Twitter-Bootstrap的页面。我在某处缺少标签

官方TB页面打印时:

我的页面打印时:

我的页面实际上是什么样子:

解决方法

确保有一个样式表分配用于打印。
它可以是一个单独的样式表:
<link rel="stylesheet" type="text/css" media="print" href="print.css">

或您为所有设备分享内容

<link rel="stylesheet" type="text/css" href="bootstrap.min.css"> # Note there's no media attribute

然后,您可以在单独的样式表中或使用媒体查询在共享的样式表中为打印机编写样式:

@media print {
    /* Your styles here */
}

猜你在找的Bootstrap相关文章