无法使我的bootstrap 3 javascript工作

时间:2013-10-19 21:22:54

标签: twitter-bootstrap-3

我下载了bootstrap 3.0.0,但我无法让我的导航栏下拉列表工作......还尝试包含dropdown.js,但它只是不起作用...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="bootstrap/dist/css/bootstrap.css" media="screen">
</head>
<body>

        <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-collapse 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">
                <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 class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>


    <div class="container">

    </div>
    <script src="bootstrap/assets/js/jquery.js"></script>
    <script type="text/javascript" href="bootstrap/dist/js/bootstrap.js"></script>
</body>
</html>

感谢您的帮助......

  • Becouse我无法提交我的问题(代码太多),所以我正在写这个随机文本以保持代码和有关它的详细信息之间的平衡。

1 个答案:

答案 0 :(得分:1)

乍一看,我会说你用来导入bootstrap的脚本标签不应该使用href,你应该像jquery一样使用它。 <script src="bootstrap/dist/js/bootstrap.js"></script> 据我所知,它们是不可互换的。

我对您的文件进行了更改后,下拉列表对我有效。