Bootstrap 4 grid problems

[Fırat Kaya]

Not working bootstrap grid system in printing view screen.

Must be:

Printer view:

[Fırat Kaya]

I wrote custom code for @media print but I'm looking for another solution.

[Jason Day]

See other bootstrap related issues:
#208

My guess is that you're printing a specific child of Bootstrap's grid parent (<div class="container">), hence why the grid doesn't work correctly when only the child is copied into the iframe.

You have a few options:

• print the parent grid container and use @media print CSS to hide other elements you don't need
• Craft new CSS to adjust the layout and import that CSS with loadCSS
• use beforePrintEvent to write javascript to wrap the content copied into the iframe in the grid container (may not work consistently)

You likely need some print specific CSS to set the same constraints or inherited ancestor classes that are present in the modal or page.

[Jason Day]

Hi, any update to this issue?