引导程序导航栏上的下拉菜单工作不正常


dropdown on bootstrap navbar not working properly

我有一个引导导航栏。它被用在许多页面上。所以我创建了一个导航栏.php,它包含导航栏的元素。我把它包括在所有的页面上。但是导航栏的下拉部分不能正常工作。它并没有把我带到所需的页面。所有指向home.php的链接都在工作。用于登录的下拉列表也可以使用。但当我点击它时,它不会把我带到login.php或masterlogin.php可能是什么问题?

navbar.php

<html>
<head>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<script src="assets/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>                        
                </button>
                <a class="navbar-brand" href="home.php"><img src="logo3.png" alt="Home"></a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="home.php#content1">Content1</a></li>
                    <li><a href="home.php#content2">Content2</a></li>
                    <li><a href="home.php#content3">Content3</a></li>
                    <li><a href="home.php#content4">Content4</a></li>
                    <li><a href="home.php#content5">Content5</a></li>
                    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">LOGIN<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="login.php">LOGIN</a></li>
                            <li><a href="masterlogin.php">MASTER LOGIN</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</body>
</html>

home.php

<!--At the top-->
<?php
include_once "navbar.php";
?>
<!-- Followed by rest of the code for home.php-->

替换您的css js

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

它在您的代码中工作