title: Bootstrap Responsive layout hide nav on iPad
body: <p>Bootstrap has an amazing responsive layout system, however, sometimes its sizing with retina screens isn't quite 'right'.  </p>
  
  <p>For example, my retina iPad has a huge screen size but the actual display isn't the same.  On the iPad I'd like to hide the left navigation component and use the expand button in the header control to show/hide, however, my iPad retina hits the large screen size and therefore is not hidden.</p>
  
  <p>I've got my left nav using the bootstrap 3 classes: <code>nav-left nav-collapse</code> and I realize I can adjust the min/mid/max sizes but i dont think thats the right approach.  What am I missing?</p>