bootstrap printing width

Question

I'm using bootstrap in an app and as you can see (below) when printing the browser (left side) is using a really small width when printing (right) so the responsive layout is moving all the right site elements below the left side ones and the printing version won't fit in one single page.

Do you know how can I force the browser to keep the right width?

Thanks,

Remo

.

Answer 1

I had a very similar problem. Ensuring the responsive css is enabled only for media="screen" solved it.

<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">