引导菜单没有';t在导航栏中单击打开


Bootstrap menu doesn't open on click in Navigation bar

当我"点击"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">