title: Bootstrap 3 navbar header isn't tappable/resonding on Mobile
body: <p>I've implemented a Bootstrap 3 Nav and I'm encountering this issue for the first time in many years of using Bootstrap.</p>
  
  <p>On desktop browser with device emulation the nav collapses and works as expected, however, when tapping on the header on an <em>actual</em> mobile device it just won't budge. Connecting an iPhone via USB and debugging on Safari shows that on tapping the header no change is made, i.e. the classes <code>collapse in</code> are not added and no HTML is changed.</p>
  
  <p>What I've tried/checked:</p>
  
  <ul>
  <li>Adding in <code>maximum-scale=1.0</code> in the meta viewport   </li>
  <li>Checked that my <code>data-toggle</code> and <code>data-target</code> are correct, which they are (and again, works on desktop)   </li>
  <li>Replacing my bootstrap.min.js from the Bootstrap CDN</li>
  <li>Stripping back CSS</li>
  </ul>
  
  <p><a href="http://jsfiddle.net/DTcHh/20667/" rel="nofollow">View my Fiddle</a></p>