Bootstrap到PDF转换

Question

我在遗留工具中使用Bootstrap 2.3来渲染一个涵盖项目的页面，一目了然。我试图将该单页呈现为可以下载的PDF格式。

我尝试了几种工具，包括DOM 2 PDF等，但它们需要非常基本的html元素。

我发现{ "Entity": { "key": "mykey30", "value": "My New Value" } } 并且在最基本的层面上似乎正确地呈现了DOM，但我遇到了一些列问题。

它自己的页面有3列结构，3-6-3。然而，当我渲染pdf时，它会将所有列重叠为12个堆叠在一起。

这是我的用户界面中页面的外观：

这是我的PDF在导出后的样子：

所以从我所知道的，它不使用wkhtmltopdf css，因为它会比它更基本。但是，我不知道为什么它跨越12个cols而不是我设置的方式。

我是否可以添加一些css以使其正确呈现？

更新

我实际上能够使用插件传递自定义视图端口大小，然后正确呈现页面。

Answer 1

您可以使用col-xs-*，因为PDF包含A4尺寸。

Answer 2

看起来它在较低的视口宽度下渲染。您可以将列从col-md-6更改为col-sm-6，例如，更改断点。