title: Twitter Bootstrap subnav closes instead of activating link on iPhone
body: <p>I've got the following nav on my site</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="navbar navbar-fixed-top"&gt;
      &lt;div class="navbar-inner"&gt;
          &lt;div class="container"&gt;
              &lt;button type="button" class="btn btn-navbar pull-right" data-toggle="collapse" data-target=".nav-collapse"&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;a class="brand" href="/"&gt;&lt;span class="icon-chevron-up icon-medium"&gt;&lt;/span&gt; Rocky Mountain Arts&lt;/a&gt;
              &lt;div class="nav-collapse collapse"&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Gallery &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="/Gallery" class="pjax"&gt;For Sale&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="/Gallery/Sold" class="pjax"&gt;Sold&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="/Gallery/PrivateCollection" class="pjax"&gt;Private Collection&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="/About" class="pjax"&gt;About The Artist&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="/Contact" class="pjax"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I view the site on my desktop, I see everything as expected, and I can navigate all of the links.</p>
  
  <p>HOWEVER: When I load the site up on my iPhone, press the <code>toggle collapse</code> button and then expand the <code>dropdown</code>, I cannot click any of the sub links within the dropdown menu, rather the menu closes and either the "about" or the "contact" link activate instead.</p>
  
  <p>How can I fix this?</p>