I am transitioning from Bootstrap 2.3 to Bootstrap 3.0 and need to eliminate the double tap feature on the li elements within a dropdown in a navbar.
For example:
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
I want to be able to select the Action line link without having to double tap it as shown above.
I have attempted changing my anchors structure, but it seems to be related to the class name. I assume I will need to edit the bootstrap js file, which is not a problem for me. I just need guidance on which part to modify.
If anyone has any ideas or suggestions on how to make this possible, please let me know.