【问题标题】:Cannot reproduce dropdown menu in Bootstrap 3无法在 Bootstrap 3 中重现下拉菜单
【发布时间】:2013-09-05 23:32:53
【问题描述】:

进入 Bootstrap 3 时,我尝试制作一个简单的下拉菜单,如下所示:http://getbootstrap.com/components/#navbar

我的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="css/bootstrap.css">
</head>
    <body>
      <nav class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <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="#">Name</a>
        </div>
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Dropdown<b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
            </ul>
        </div>
      </nav>
    <script src="dist/js/bootstrap.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    </body>
</html>

一切都很好,但没有任何下降!我想知道我是否可以解决这个问题以及如何解决?或者可能只是 Bootstrap 的一个 bug?

【问题讨论】:

    标签: css twitter-bootstrap-3


    【解决方案1】:

    尝试改变定义脚本的顺序。先加载 Jquery 脚本,再加载 bootstrap.js

    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="dist/js/bootstrap.js"></script>
    

    Js Fiddle Demo

    【讨论】:

    • 没错,这就是问题所在。即使在您的开发环境中,也永远不会引用 jquery-latest.js。你在自找麻烦@Nervosa
    猜你喜欢
    • 2016-09-10
    • 2013-02-22
    • 1970-01-01
    • 1970-01-01
    • 2014-09-10
    • 2019-02-03
    • 1970-01-01
    • 1970-01-01
    • 2014-08-04
    相关资源
    最近更新 更多