bootstrap and flex items stacking rather than in columns

Yozons eSignForms

unread,

Jan 22, 2021, 9:00:22 PM1/22/21

to wkhtmltopdf General

We have a project where the HTML was given to us. It uses bootstrap 4.3.

We then run it through wkhtmltopdf 0.12.5 (with patched qt) on Linux (CentOS 6).

In the browser, the layout shows the two elements side-by-side, and the 'white box' shows 3 columns of data for Location, Installation, Facturation.

If we PRINT TO PDF from the Safari browser (current version) on Mac OS X, it looks ok..

But with wkhtmltopdf, it stacks these instead.

The tool options we use are: --javascript-delay 5000 --page-size Letter --encoding utf-8 --print-media-type --image-quality 100 --disable-smart-shrinking --margin-left 5mm --margin-right 5mm --margin-top 5mm --margin-bottom 5mm

Is there any idea how I can make it work? Thanks for any help!

EXAMPLE HTML FILE

Message has been deleted

Yozons eSignForms

unread,

Jan 22, 2021, 9:06:27 PM1/22/21

to wkhtmltopdf General

If it helps, here's the wkhtmltopdf generated PDF that shows the stacking rather putting into columns.

WK PDF

Yozons eSignForms

unread,

Jan 22, 2021, 9:09:04 PM1/22/21

to wkhtmltopdf General

And here's the Safari browser's export to PDF that works fine.

SAFARI EXPORT TO PDF

Reply all

Reply to author

Forward