Question

我使用bootstrap网格显示，我希望我的客户端以pdf格式下载，所以我使用dompdf，但dompdf无法应用bootstrap样式。我无法返回并将我的引导网格转换为基本的html表格，并使用不同的插件转换为pdf我发现它们很难且耗时（特别是在安装作曲家然后更新i＆＃39; m new）是否有任何出路以便我可以轻松地将bootstrap样式应用到我的pdf

  <div>
      {{ showFromDate }}
      <input type="datetime" ng-click="showFromDate =!showFromDate" ng-model="fromDate"/>
      <simple-date-picker class="date-picker"  visibility="showFromDate" ng-show="popupVisible"  data-ng-model="fromDate">
          <p>This is a custom date picker</p>
       </simple-date-picker>
  </div>

或至少有任何在线转换器用于引导网格到html表

Answer 1

您需要确保dompdf可以找到您的CSS文件。您可以使用set_base_path执行此操作，例如：

$dompdf->set_base_path("/www/public/css/");

您还需要指定CSS文件，例如：

<html>
  <head>
    <link type="text/css" href="style.css" rel="stylesheet" />
  </head>
<body>
...

Answer 2

在html代码之前添加：

        $html = '<link rel="stylesheet" href="/css/bootstrap.min.css" />';

Answer 3

将所有CSS代码放在同一页中。不不要将CSS引用到外部链接。

使用内嵌标签，例如 margin ， padding ， top 等。

Answer 4

＆＃39;回应现在我在第346行＆＃39;

找不到字体类fontmetrics_cls.php

当您需要将Dompdf添加到应用程序配置以包含模块时，会发生这种情况。在zf2中，它的modules.config.php在modules部分我希望这有帮助，因为我花了几个小时寻找没有任何文件。

Answer 5

我面临着同样的挑战，并通过以下方法解决了它：在页面顶部的标签中添加bootstrap.min.css代码。 N.B引导程序3效果最好。

Answer 6

您可以使用Bootstrap v3.3.6，它可以与DomPDF一起使用，
我已经测试

Answer 7

$content .= '<style>
'.file_get_contents("./bootstrap.min.css").'
</style>';

将此添加到您的 html 代码中.. 它会将原始 css 打印到 html 代码中

如何在dompdf中应用bootstrap样式

7 个答案: