title: Hide a div in a page and make it visible only on print bootstrap 3 MVC 5
body: <p>There is a web page showing information to the user. If the user decides to print it I want to include additional information that is not required on the screen, but would be helpful when printed.</p>
  
  <p>In order to implement this behaviour I was trying to make a <code>div</code> visible only for printing. It hasn't worked though:</p>
  
  <pre><code>&lt;div class="visible-print hidden-lg hidden-md hidden-sm hidden-xs"&gt;
  </code></pre>
  
  <p>I'm using Bootstrap 3 and wondered if there is an easy way to accomplish this?</p>