Bootstrap Dropdown menu is not working on some pages

In some page or may be on all pages the bootstrap drop down does not works. There are few reason of the this drop down problem. One of them is the use of other JavaScript files that overlap the function of bootstrap. However here is the solution , how to fix this problem.

Solution One

This is the solution that fixed the problem, add the following to .js file or before the body tag:

<script>$(document).ready(function() { $(".dropdown-toggle").dropdown(); });</script>

Solution Two

Just place your Jquery link first of all js and css links

<script src="jquery/jquery.js"></script> <script type="text/javascript" src='js/bootstrap.min.js'></script> <link rel="stylesheet" href="css/bootstrap.css" />
Chapter Next »