title: Can't print correctly in landscape on A4 size with CSS (Bootstrap)
body: <p>I have a html table with some data and it looks much better if printed in landscape mode.</p>
  
  <p>so far the css code is:</p>
  
  <pre><code>@page {
      size: landscape;
      max-height:100%; 
      max-width:100%;
      margin-top: 1.2cm;
      margin-bottom: 1.2cm;
      margin-left: 1cm;
      margin-right: 1cm;
      width: 276mm;
      height: 190mm;
  }
  </code></pre>
  
  <p>When you print it like this, all the divs that have some bootstrap rule (col-xs-6 for example) don't get printed correctly, meaning they print with a big side margin (at least 7-8cm on both sides).</p>
  
  <p>I don't understand why this happens only in landscape, if I change the css to print in portrait, it prints correctly!</p>
  
  <p>And I noticed that when I'm in the print preview (chrome) and if I select A5 instead of the default A4 size paper, magically the print preview shows the tables printed correctly, but of course I can't proceed to print like this because the printer asks for A5 paper. </p>
  
  <p>Any idea why is this happening?</p>
  
  <p>ps.: just posted the print css code, because besides bootstrap, there is no code on the tables and the div that cointains them that could disrupt the printing.</p>
  
  <p>ps2.: with dev tools on chrome, before printing, If I select the divs containing the tables and remove the 100% width given by col-xs-12, it partially fixes the layout on the print preview, so I'm pretty sure it has to do with boostrap</p>