<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="navbar"> <div class="nav-collapse collapse"> <ul class="nav pull-right"> <li class="dropdown"> <a class="dropdown-toggle" href="#" data-toggle="dropdown">Sign In <strong class="caret"></strong></a> <div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;"> </div> </li> </ul> </div> <!--/.nav-collapse --> <!--/.container-fluid --> <!--/.navbar-inner --> </div> <!--/.navbar -->

$(document).ready(function(){ //Handles menu drop down $('.dropdown-menu').find('form').click(function (e) { e.stopPropagation(); }); });