Bootstrap下拉菜单不起作用？

Question

您好，我创建了一个新的引导网站，由于某种原因，下拉菜单将无法正常工作。 当我单击它时，它什么也没做。

以下是我的index.php文件正文中包含的代码：

<nav class="navbar navbar-default" role="navigation">
 <div class="container-fluid">
    <div class="navbar-header">

        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar1">

            <span class="sr-only">Toggle navigation</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

        </button>

        <a class="navbar-brand" href="index.php">CookieCodec</a>

    </div>

    <div class="collapse navbar-collapse" id="navbar1">

        <ul class="nav navbar-nav navbar-right">

            <?php if (isset($_SESSION['usr_id'])) { ?>
    <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#"><span class="glyphicon glyphicon-user"></span> Signed in as <?php echo $_SESSION['usr_name']; ?></a>

                <ul class="dropdown-menu" role="menu">
            <li><a href="#">My Profile</a></li>
    <li><a href="#">Upload</a></li>
    <li><a href="#">Account</a></li>
                    </ul>
                </li>


                <li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span>  Logout</a></li>

            <?php } else { ?>

            <li><a href="login.php">Login</a></li>

            <li><a href="register.php">Sign Up</a></li>

            <?php } ?>

       </ul>
    </div>
  </div>
 </nav>

有谁知道为什么它不起作用？ 我想念什么吗？

Answer 1

她是您的演示版。 为了更好地理解，您可以阅读此http://getbootstrap.com/getting-started/ ，也可以阅读此内容以快速设置环境。 https://www.tutorialspoint.com/bootstrap/bootstrap_environment_setup.htm

 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> </head> <body> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.php">CookieCodec</a> </div> <div class="collapse navbar-collapse" id="navbar1"> <ul class="nav navbar-nav navbar-right"> <?php if (isset($_SESSION['usr_id'])) { ?> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#"><span class="glyphicon glyphicon-user"></span> Signed in as <?php echo $_SESSION['usr_name']; ?></a> <ul class="dropdown-menu" role="menu"> <li><a href="#">My Profile</a></li> <li><a href="#">Upload</a></li> <li><a href="#">Account</a></li> </ul> </li> <li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li> <?php } else { ?> <li><a href="login.php">Login</a></li> <li><a href="register.php">Sign Up</a></li> <?php } ?> </ul> </div> </div> </nav> <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>

Bootstrap下拉菜单不起作用？

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-10-10 16:49:00

Bootstrap下拉菜单不起作用？

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-10-10 16:49:00

解决方案1
0 已采纳 2016-10-10 16:49:00