title: HTML aside how to hide during for media print
body: <p>I am trying to print a page with an <code>&lt;aside&gt;</code>.  I'm also using Bootstrap 3.
  I've added <code>hidden-print</code> to the <code>aside</code> like this:</p>
  
  <pre><code>&lt;aside class="main-sidebar hidden-print"&gt;
  </code></pre>
  
  <p>However, when I print with Chrome, the space used by the aside is still shown?
  How do I make it "disappear" and the rest of the content stretch to fill all the available space when printing?</p>
  
  <p>I'm using the AdminLTE template, you can see a demo here:</p>
  
  <p><a href="https://almsaeedstudio.com/themes/AdminLTE/index2.html" rel="nofollow noreferrer">https://almsaeedstudio.com/themes/AdminLTE/index2.html</a></p>
  
  <p>Notice that if you expand the side bar (the default when opening the page) and do a print preview, the side bar content isn't shown, but their is a blank area.  I want to make the body content fill the entire printed page.</p>
  
  <p>Also, interestingly enough IE11 and FF appear correctly, it is just Chrome that is failing.</p>