data-toggle不起作用

时间:2017-11-09 09:28:56

标签: jquery

为什么我的下拉菜单不起作用?当我点击按钮时,没有下拉菜单。我不知道问题是什么。也许包含jquery或bootstrap的东西?

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Softuni Blog</title>
    <link type="text/css" rel="stylesheet" href="styles/style.css">
    <script  src="scripts/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="scripts/bootstrap.js"></script>
</head>
<body>
    <header>
        <div class="navbar navbar-default navbar-fixed-top text-uppercase ">
            <div class="container">
                <div class="navbar-header">
                    <a href="index.html" class="navbar-brand">Softuni Blog</a>
                    <button type="button" class="navbar-toggle"
                            data-toggle="collapse"
                            data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">Register</a></li>
                        <li><a href="#">Login</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <main></main>
    <footer></footer>
</body>
</html>

0 个答案:

没有答案