DOMPDF 没有在 laravel 中使用 Bootstrap 正确渲染视图答案

【问题标题】：DOMPDF is not rendering view with Bootrap in laravel properlyDOMPDF 没有在 laravel 中使用 Bootstrap 正确渲染视图
【发布时间】：2021-08-08 13:52:07
【问题描述】：

我想将 laravel 视图另存为 PDF 文件并将其附加到电子邮件中，它确实有效，但包含引导样式的视图未正确呈现，如下面的屏幕截图所示。 Bootstrap 似乎正在加载但无法正常工作。有什么建议可以解决这个问题吗？

查看：offer.blade.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

</head>
<body>
<div>
    <ul class="list-group">
        <li class="list-group-item">Cras justo odio</li>
        <li class="list-group-item">Dapibus ac facilisis in</li>
        <li class="list-group-item">Morbi leo risus</li>
        <li class="list-group-item">Porta ac consectetur ac</li>
        <li class="list-group-item">Vestibulum at eros</li>
    </ul>
</div>
<div class="row">
    <div class="col-lg-3">
        Col A
    </div>
    <div class="col-lg-3">
        Col B
    </div>
    <div class="col-lg-3">
        Col C
    </div>
</div>
<div class="row">
    <div class="col-lg-3">
        Col A
    </div>
    <div class="col-lg-3">
        Col B
    </div>
    <div class="col-lg-3">
        Col C
    </div>
</div>

</body>
</html>

控制器：PDFController

class PDFController extends Controller
{
    public function index() {




        $data["email"] = "test@gmail.com";
        $data["name"] = "This is the Name";

        $pdf = PDF::loadView('emails.offer', $data)->setpaper('A4', 'landscape');



        Mail::send('emails.offermail', $data, function($message)use($data, $pdf) {
            $message->to($data["email"], $data["name"])
                ->subject($data["title"])
                ->attachData($pdf->output(), "text.pdf");
        });


        return 'Email sent';
    }
}

【问题讨论】：

标签： laravel bootstrap-4 dompdf

【解决方案1】：

DOMPdf 不支持 bootstrap-4。你可以试试bootstrap-3。但我建议只在 dompdf 中使用 css。

【讨论】：