Twitter bootstrap 3 引导导航栏下拉错误_Twitter Bootstrap 3

Twitter bootstrap 3 引导导航栏下拉错误

twitter-bootstrap-3

Twitter bootstrap 3 引导导航栏下拉错误,twitter-bootstrap-3,Twitter Bootstrap 3,我正在尝试在我的网站上使用引导程序制作导航栏。我试图有一个下拉框，但当我点击下拉框，它没有做什么。我相信之前我遇到过这个问题或者类似的问题，它要求我使用javascript，但我还没有尝试过类似的事情这是我的密码： <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"

我正在尝试在我的网站上使用引导程序制作导航栏。我试图有一个下拉框，但当我点击下拉框，它没有做什么。我相信之前我遇到过这个问题或者类似的问题，它要求我使用javascript，但我还没有尝试过类似的事情

这是我的密码：

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Options <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        <!--                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Options <span class="caret"></span></a>
                                                    <ul class="dropdown-menu" role="menu">
                                                        <li><a href="#">Action</a></li>
                                                        <li><a href="#">Another action</a></li>
                                                        <li><a href="#">Something else here</a></li>
                                                        <li class="divider"></li>
                                                        <li><a href="#">Separated link</a></li>
                                                    </ul>-->
                    </li>

您需要在代码中的

jquery.min.js

文件之后加载

bootstrap.min.js

。如果不加载javascript文件，脚本中的所有效果将无法访问。

我链接了这些文件，下面是我头部的代码：

        <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="//code.jquery.com/jquery-1.9.1.min.js"></script> 
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css"> 
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>

这对我很有效

<html>
<head>

    <title>Bootstrap 101 Template</title>
    <!-- Bootstrap -->
    <link href="Content/bootstrap.min.css" rel="stylesheet">
    <link href="Content/bootstrap-theme.min.css" rel="stylesheet">

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="Scripts/jquery-2.1.3.min.js"></script>

    <script src="Scripts/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Options <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                </ul>
            </li>
        </div>
    </div>
    <footer class="container">
        ...
    </footer>
</body>
</html>


引导101模板









...

页面中是否包含引导javascript？是的。链接在我的脑海里，也感谢你的快速回复。我投票了，这样你可以在将来编辑你的问题。为什么你有两个jquery.min，js，两个bootstrap.min.cst谢谢你！这成功了！我不知道发生了什么，但我只是改变了我的链接，它工作了！再次感谢！为了解决类似的问题，我为所有引导代码创建了一个基本模板，在这里我只需将要测试的代码粘贴到div class=row下