Printing rich text with Boostrap, BR elements completely ignored by IE

58 Views Asked by At

When I print a document which contains rich text fields and has the bootstrap theme applied the <br> elements in the rich text are completely ignored when printing from IE. When printing from Chrome the <br> are respected.

Is this something specific to Bootstrap or specific with the Bootstrap implementation within XPages?

How can I explicit set a css rule for a print stylesheet that <br> elements are printed as they are displayed on the screen?

1

There are 1 best solutions below

3
stwissel On

You can add a Stylesheet to the page header specifically for print. See this article as an example: https://www.smashingmagazine.com/2011/11/how-to-set-up-a-print-style-sheet/

You want to add media screen to the default style sheets to be sure. Eventually

br { display : block } 

does the trick already. Keep in mind: IE is nowhere close to modern CSS.