Html 引导4网格布局不适用于dompdf

Html 引导4网格布局不适用于dompdf,html,css,pdf,bootstrap-4,dompdf,Html,Css,Pdf,Bootstrap 4,Dompdf,我正在使用dompdf呈现PDF文档。我们在整个应用程序中使用Bootstrap4,因此我希望能够在用于生成文档的twig模板中使用它 目前,Bootstrap 4网格系统在生成的PDF中呈现不好,我面临一个问题:同一个.row div中的元素都堆积起来了 我确信引导CSS已加载到模板中 我的代码: 小文本 大标题 生成的PDF: 更新:使用col-n而不是col-xs-n 我的代码: 小文本 大标题 试试这门课.col-1和.col-11,或.col-sm-1.col-sm-11 可

我正在使用dompdf呈现PDF文档。我们在整个应用程序中使用Bootstrap4,因此我希望能够在用于生成文档的twig模板中使用它

目前,Bootstrap 4网格系统在生成的PDF中呈现不好,我面临一个问题:同一个.row div中的元素都堆积起来了

我确信引导CSS已加载到模板中

我的代码:


小文本
大标题
生成的PDF:

更新:使用
col-n
而不是
col-xs-n

我的代码:


小文本
大标题

试试这门课
.col-1
.col-11
,或
.col-sm-1.col-sm-11

可用:

.col-   .col-sm-    .col-md-    .col-lg-    .col-xl-

col xs是为bootstrap 3设计的

我也遇到了同样的问题

我发现这些问题与以下方面有关:

我尝试过的一个技巧是将类col改为col-xs,这比现在的布局要好。不像在浏览器中那样完美,但比以前更好

我使用的是引导程序v4.4.1


更改后的Pdf:

谢谢,我试过了。它稍微改变了输出,但没有解决我的问题(我编辑了我的问题以显示结果)@LucileDT我找到了这个$options=new\Dompdf\options()$选项->设置DPI(150)$dompdf=new\dompdf($options);我试图更改文件的DPI,但没有结果。我认为这行不通,因为它支持css 2.1,引导使用css3进行布局(flexbox)。你可以试试,我在用