title: Bootstrap 3 Menu is not collapsing on Ipad
body: <p>I am doing a project using <strike>the new updated</strike> <a href="http://getbootstrap.com/" rel="noreferrer">Bootstrap 3 RC1</a>.</p>
  
  <p>There are may new features with the new Bootstrap 3 which are much different than the previous versions.
  I figured most of the changes but one I can't resolve:</p>
  
  <p>when the menu has many items it breaks in Ipad and other tablets becuase it doesnt get collapsed like it automatically collapsed on mobile (which is good)</p>
  
  <p>I would like to know how do I "force" ipads to act like mobile and show a collapsed menu or better yet - how to collapse the menu if it has many items and on certain screens and smaller it breaks</p>
  
  <p>here are screenshots of my live project:</p>
  
  <p><strong>-- Menu on Big Screens --</strong></p>
  
  <p><img src="https://i.stack.imgur.com/MIpRh.jpg" alt="enter image description here"></p>
  
  <p><strong>-- Menu on Ipad Landscape --</strong></p>
  
  <p><img src="https://i.stack.imgur.com/zHYD6.jpg" alt="enter image description here"></p>
  
  <p><strong>-- Menu on Ipad Portrait --</strong></p>
  
  <p><img src="https://i.stack.imgur.com/GqBHa.jpg" alt="enter image description here"></p>
  
  <p><strong>-- Menu on Mobile --</strong></p>
  
  <p><img src="https://i.stack.imgur.com/6v0Pc.jpg" alt="enter image description here"></p>
  
  <p>I simply want the ipad to act like mobile. notice that the portrait does act like mobile as far as the content but not the menu.</p>
  
  <p>any suggestions?
  Thanks</p>