html - Bootstrap 4网格布局不适用于dompdf
问题描述
我正在使用 dompdf 呈现 PDF 文档。我们在整个应用程序上使用 Bootstrap 4,所以我希望能够在用于生成文档的 twig 模板中使用它。
目前,我面临一个问题,即 Bootstrap 4 网格系统在生成的 PDF 中渲染效果不佳:同一个 .row div 中的元素全部堆积起来。
我确定 Bootstrap CSS 已加载到模板中。
我的代码:
<div class="container-fluid">
<div class="row">
<div class="col-xs-1">
little text
</div>
<div class="col-xs-11">
<h1>Big title</h1>
</div>
</div>
</div>
更新:用col-n
而不是col-xs-n
我的代码:
<div class="container-fluid">
<div class="row">
<div class="col-1">
little text
</div>
<div class="col-11">
<h1>Big title</h1>
</div>
</div>
</div>
解决方案
我有同样的问题。
比我在以下位置发现的相关问题:https ://github.com/barryvdh/laravel-dompdf/issues/653
我尝试的一个技巧是将类 col- 更改为 col-xs- 比现在的布局更好。不像浏览器那样完美,但比以前更好。
我正在使用引导程序 v4.4.1。
推荐阅读
- ubuntu - 运行 Stern 查看 microk8s 日志时出错
- android-studio - 没有为 com.android.support:appcompat-v7:26.0.0-alpha1 的属性“appComponentFactory”找到资源标识符
- c++ - 使用boost asio时如何实现限制上传文件大小
- c# - 一旦我抓住同一个物体,如何扔掉一个物体
- machine-learning - GridSearchCV + StratifiedKfold 在 TFIDF 的情况下
- mysql - MYSQL 8.0.19 (ON PREMISE) 作为 AWS DMS 中的源?
- java - 解密使用openssl、oaep填充模式加密的非对称密钥
- flutter - Flutter 应用程序丢失 java.lang.UnsatisfiedLinkError (couldn't find "libflutter.so") Flutter (Channel unknown, v1.12.13+hotfix.9)
- c# - Debugger Visualizer Winform ToolStripDropDownMenu ComboBox 仅在首次显示时显示项目
- powershell - Powershell错误的退出点