Chrome“保存为PDF”工作正常。你需要勾选“打印背景图形”复选框，否则默认情况下背景会被忽略。
不过，问题是Bootstrap已经包括了打印媒体的重置。它所做的是用！important将所有背景覆盖为白色，前景色覆盖为黑色。
致命的是“重要的”

我建议您使用免费的在线HTML到PDF转换解决方案之一。
这里有一个例子：http://www.htmlpdf.com/
请记住，有些解决方案可能无法给您带来预期的结果。在这种情况下，请尝试另一种解决方案。
找到可行的解决方案后，只需打印下载的HTML到PDF转换文件。

我们已经知道Chrome本身就是一个pdf的编写器和阅读器，我不知道为什么打印预览中没有颜色，不过，给予这个吧：
按下Ctrl+P后，您将看到Print-Cancel选项，在其下方有一个目的地供您选择。
它有最近的，本地和云的目的地与选择从本地的正在显示。继续并将其更改为保存为pdf。
现在你可以保存整个网页的颜色了。
Take a look at this

我也遇到了同样的问题，但找到了一个简单的解决方案。只需让谷歌Chrome扩展名为：射击
在这里获取：https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=en
它将采取整个网页截图您的HTML网页，甚至本地HTML网页。然后捕获整个网页。
之后，它会引导你到一个新的页面与保存选项。旁边的"电子邮件"，我建议你点击"PDF"。然后它会引导你到Gmail，这样你就可以发送自己的PDF。
我不建议点击打印，因为在我的情况下，当我保存它，有一个像素的问题。
很简单。

GoFullPage - Full Page Screen Capture-对这个案例效果很好。