Fatal编程技术网

Twitter bootstrap Wkhtmltopdf忽略引导表

twitter-bootstrap laravel

Twitter bootstrap Wkhtmltopdf忽略引导表,twitter-bootstrap,laravel,wkhtmltopdf,Twitter Bootstrap,Laravel,Wkhtmltopdf,我有一个带有PDF导出选项的页面。除了这些表格之外，我还有三张图表（高图）。这些图表可以很好地导出，但该表完全被忽略。有办法解决这个问题吗 这是我的代码： $pdf->setOption('enable-javascript', true); $pdf->setOption('javascript-delay', 10000); $pdf->setOption('no-stop-slow-scripts', true); $pdf->setOption('dpi', 10

我有一个带有PDF导出选项的页面。除了这些表格之外，我还有三张图表（高图）。这些图表可以很好地导出，但该表完全被忽略。有办法解决这个问题吗

这是我的代码：

$pdf->setOption('enable-javascript', true);
$pdf->setOption('javascript-delay', 10000);
$pdf->setOption('no-stop-slow-scripts', true);
$pdf->setOption('dpi', 100);
$pdf->setOption('image-quality', 100);

return $pdf->setOrientation('landscape')->setOption('margin-top', 0)->download('export-' . $id . ' .pdf');
和简单的引导表：

如果您想在PDF中使用引导样式，那么您可能应该在HTML-to-PDF代码中包含引导CSS文件

例如，像这样：

<!DOCTYPE html><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TITLE OF YOUR PAGE</title>

<!-- include bootstrap CSS from CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

...


页面标题
...
我使用的是作为
Wkhtmltopdf
的包装器，但我确信通用规则是相同的：如果你想使用一些CSS，那么你应该在HTML代码中包含这个CSS，它将被转换成PDF。

更改dpi对我来说很有效。
wkhtmltopdf-O肖像--dpi 600-L 0mm-R 0mm-T 0mm-B 0mm--页面大小A4

请告诉我们您的问题是否已解决。是的，是的！我通过使用
隐藏的xs
类删除bootstrap div元素解决了这个问题，该类被包装在表中。另外，我将纸张方向设置为“纵向”，现在它工作得很好。很高兴听到这个消息。