将Twitter的引导页面转换为带有wkhtmltopdf：span问题的PDF

概述我正在使用 Symfony2 Bundle KnpSnappyBundle将html twig模板转换成pdf格式。 KnpSnappyBundle基于Snappy封装，使用wkhtmltopdf。 我的模板使用twitter bootstrap 2.3.2 css这样： <div class="container"> <div class="row"> <div clas @H_419_0@我正在使用 Symfony2 Bundle KnpSnappyBundle将HTML twig模板转换成pdf格式。

KnpSnappyBundle基于Snappy封装，使用wkhtmltopdf。

我的模板使用twitter bootstrap 2.3.2 CSS这样：

<div >    <div >        <div >            <h4>Title</h4>        </div>    </div>    <div >        <div  ID="customers">            <h5>Title</h5>            <p>TEXT</p>            <ul >                <li>List ITEM</li>                <li>List ITEM</li>                <li>List ITEM</li>                <li>List ITEM</li>            </ul>        </div>        <div  ID="estimate">            <h5>Title</h5>            <ul >                <li>List ITEM</li>                <li>List ITEM</li>                <li>List ITEM</li>                <li>List ITEM</li>            </ul>        </div>    </div></div>

问题：客户和估计的跨度与原来不一样。
我不知道发生了什么。

解决方法 这是bootstrap3的解决方案：总是使用.col-xs-n。

原因是wkHTMLtopdf不支持@media块中的CSS。在bootstrap3中，只有在@media块外的col-xs-n规则。

我检查了bootstrap2.3.2的CSS，似乎spanN规则总是在@media块内。

所以一个丑陋的解决方案将被复制到所有spanN规则到顶级到另一个CSS文件，并将其包含在HTML中。

总结

以上是内存溢出为你收集整理的将Twitter的引导页面转换为带有wkhtmltopdf：span问题的PDF全部内容，希望文章能够帮你解决将Twitter的引导页面转换为带有wkhtmltopdf：span问题的PDF所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。