<p dir="auto">Navbar child items work fine in desktop view, but in mobile/tablet devices, collapsed child items does not link to what is defined in href and will remain on the same page.</p>
<p dir="auto">Use any mobile devices to open below jsFiddle, and click on any link under dropdown menu.</p>
<p dir="auto"><a href="http://jsfiddle.net/wXuqU/5/" rel="nofollow">http://jsfiddle.net/wXuqU/5/</a></p>
<p dir="auto">I had a project using more or less the same menu and it worked. Found out it was using Bootstrap version 2.3.1. Compared version 2.3.2 and 2.3.1 and found that in version 2.3.2 there's this snippet of CSS that reads:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}"><pre class="notranslate"><code class="notranslate">.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
</code></pre></div>
<p dir="auto">and the rule: <code class="notranslate">position: fixed;</code> seems to cause all the problems.</p>
<p dir="auto">I still don't undertand the point of the markup that is added by the bootstrap dropdown plugin:</p>
<p dir="auto"><code class="notranslate">&lt;div class="dropdown-backdrop"&gt;&lt;/div&gt;</code></p>
<p dir="auto">So I've temporarily fixed the bug on my end by adding a style to override the style causing the problem:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".dropdown-backdrop {
    position: static;
}"><pre class="notranslate"><code class="notranslate">.dropdown-backdrop {
    position: static;
}
</code></pre></div>
<p dir="auto">To me this looks like  a bug introduced from version 2.3.1 to 2.3.2. Maybe I'm wrong. If someone could explain the purpose of the empty div, it would be helpful.</p>