title: Bootstrap menu doesn't open on click in Navigation bar
body: <p>Bootstrap menu is failed to open when I "click" on it.Meaning I can't see any item in it. But when I press "Down key" from keyboard it open immediately. 
  This is particularly in case when I run it form xaamp server. But when I open direct in browser without any server then I can see menu on click. </p>
  
  <p>Snap shot of my code is given below. 
  I have added below css and javascripts</p>
  
  <pre><code> &lt;meta name="description" content=""&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
          &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
          &lt;link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" /&gt; 
          &lt;link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" /&gt;
          &lt;link rel="stylesheet" href="css/bootstrap.css"&gt;
          &lt;link rel="stylesheet" href="css/bootstrap-theme.css"&gt;
          &lt;link rel="stylesheet" href="css/style.css"&gt;
  
  
  &lt;div class="navbar navbar-fixed-top" role="navigation" data-0="line-height:100px; height:100px; background-color:rgba(0,0,0,0.3);" data-300="line-height:60px; height:60px; background-color:rgba(0,0,0,1);"&gt;
               &lt;div class="container-fluid"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                          &lt;span class="fa fa-bars color-white"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;h1&gt;&lt;a class="navbar-brand" href="index.php" data-0="line-height:90px;" data-300="line-height:50px;"&gt;           CityMart
                      &lt;/a&gt;&lt;/h1&gt;
                  &lt;/div&gt;
                  &lt;div class="collapse navbar-collapse collapse"&gt;
                      &lt;ul class="nav nav-pills"&gt;
  
                          &lt;ul class="nav navbar-nav" data-0="margin-top:20px;" data-300="margin-top:5px;"&gt;
                          &lt;li class="active"&gt;&lt;a href="admin_index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
                          &lt;!--&lt;li&gt;&lt;a href="#section-about"&gt;Abut&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#section-works"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;--&gt;
                          &lt;li&gt;&lt;a href="#section-works"&gt;categories&lt;/a&gt;&lt;/li&gt;
                           &lt;li role="presentation" class="dropdown"&gt;
                              &lt;a class="dropdown-toggle" data-toggle="dropdown" href="admin_index.php" role="button" aria-expanded="true"&gt;
                                Dropdown &lt;strong class="caret"&gt;&lt;/strong&gt;
                              &lt;/a&gt;
                              &lt;ul class="dropdown-menu" role="menu"&gt;
                                  &lt;li&gt;&lt;a href="admin_category_insert.php"&gt;ADD Category&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="admin_category_insert.php"&gt;ADD Subcategory&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="mall_registration.php"&gt;Mall Registration&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="shop_in_mall.php"&gt;ADD Shops In Mall &lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
  
  
                            &lt;/li&gt; 
                      &lt;/ul&gt;   
  
                  &lt;/ul&gt;
  
                  &lt;/div&gt;&lt;!--/.navbar-collapse --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>