当我"点击"Bootstrap菜单时,它无法打开。这意味着我看不到其中的任何项目。但当我从键盘上按下"向下键"时,它会立即打开。当我从xaamp服务器运行它时,情况尤其如此。但当我在没有任何服务器的情况下直接在浏览器中打开时,我可以在点击时看到菜单。
下面给出了我的代码的快照。我在下面添加了css和javascript
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/style.css">
<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);">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="fa fa-bars color-white"></span>
</button>
<h1><a class="navbar-brand" href="index.php" data-0="line-height:90px;" data-300="line-height:50px;"> CityMart
</a></h1>
</div>
<div class="collapse navbar-collapse collapse">
<ul class="nav nav-pills">
<ul class="nav navbar-nav" data-0="margin-top:20px;" data-300="margin-top:5px;">
<li class="active"><a href="admin_index.php">Home</a></li>
<!--<li><a href="#section-about">Abut</a></li>
<li><a href="#section-works">Portfolio</a></li>-->
<li><a href="#section-works">categories</a></li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="admin_index.php" role="button" aria-expanded="true">
Dropdown <strong class="caret"></strong>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="admin_category_insert.php">ADD Category</a></li>
<li><a href="admin_category_insert.php">ADD Subcategory</a></li>
<li><a href="mall_registration.php">Mall Registration</a></li>
<li><a href="shop_in_mall.php">ADD Shops In Mall </a></li>
</ul>
</li>
</li>
</ul>
</ul>
</div><!--/.navbar-collapse -->
</div>
</div>
尝试使用引导3.3.4(最新版本)
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/bootstrap/3.3.4/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/bootstrap/3.3.4/css/bootstrap.min.css">