keep URLs intact, use the <code>data-target</code> attribute instead of <code>href="#"</code>.</p>
   <pre class="prettyprint linenums">
   &lt;div class="dropdown"&gt;
     &lt;a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html"&gt;
       Dropdown
       &lt;b class="caret"&gt;&lt;/b&gt;
     &lt;/a&gt;
     &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
       ...
     &lt;/ul&gt;
   &lt;/div&gt;
   </pre>

   <h3>Via JavaScr