title: Twitter-Bootstrap responsive navbar dropdown sub-links are unclickable on tablet
body: <p>I am having trouble getting a link that is in a dropdown menu in the responsive navbar to click while using a tablet. This works fine in a desktop browser, but on a tablet when you click the link the drop down closes and nothing happens. I will post the code I have below, but you can also see it in this jsfiddle <a href="http://jsfiddle.net/Tapf9/" rel="nofollow">http://jsfiddle.net/Tapf9/</a> . I am using bootstrap v2.3.2 unminified version in my application.</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top"&gt;
            &lt;div class="navbar-inner"&gt;
              &lt;div class="container-fluid"&gt;
                &lt;a class="btn btn-navbar" 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;/a&gt;
                &lt;a class="brand" href="~/"&gt;Company x&lt;/a&gt;
                &lt;div class="nav-collapse"&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li class="navHome"&gt;&lt;a href="~/"&gt;&lt;i class="icon-home icon-white"&gt;&lt;/i&gt; Home&lt;/a&gt;&lt;/li&gt;                        
                      &lt;li class="dropdown"&gt;&lt;a class="navInst dropdown-toggle" data-toggle="dropdown"&gt;DropDown1&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="~/x/Create" &gt;Create&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="~/x"&gt;Search&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li class="dropdown "&gt;&lt;a class="navServ dropdown-toggle" data-toggle="dropdown" href="~/ServiceTicket"&gt;DropDown2&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="~/y/Create"&gt;Create&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="~/y"&gt;Search&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li class="dropdown "&gt;&lt;a class="navPm dropdown-toggle" data-toggle="dropdown" href="~/PmTicket"&gt;DropDown3&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="~/z/Create"&gt;Create&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="~/z"&gt;Search&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
  
  
                      &lt;li id="logout"&gt;&lt;a href="#"&gt;Logout&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                &lt;/div&gt;&lt;!-- /.nav-collapse --&gt;
              &lt;/div&gt;&lt;!-- /.container --&gt;
            &lt;/div&gt;&lt;!-- /.navbar-inner --&gt;
          &lt;/div&gt;&lt;!-- /.navbar --&gt;
  </code></pre>
  
  <p>What am I missing here?</p>