Note that there are some explanatory texts on larger screens.

plurals
  1. POTwitter-Bootstrap responsive navbar dropdown sub-links are unclickable on tablet
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload