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

发布时间：2020-12-17 23:17:39 所属栏目：安全来源：网络整理

导读：我使用Twitter-Bootstrap，我需要能够在浏览器上打印它的样子。我可以打印用Twitter-Bootstrap制作的其他页面很好，但我似乎不能打印使用纯Twitter-Bootstrap的页面。我在某处缺少标签？官方TB页面打印时：我的页面打印时：我的页面实际上是什么样子：解

我使用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 */
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!