引入bootstrap页面样式不生效，引入文件报错

发布于
2018-03-29

更新于
2018-03-29

起了一个html页面，引入本地的bootstrap文件，样式不起作用，有个报错，谁知道怎么回事？
代码：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap测试</title>
      <!-- 引入 Bootstrap -->
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-2.1.0.min.js" type="text/javascript"></script>
      <script src="js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
        <p>
              <button type="button" class="btn btn-primary btn-lg" class="btn">（大按钮）Large button</button>
              <button type="button" class="btn btn-default btn-lg">（大按钮）Large button</button>
        </p>
</body>
<script>
    $(".btn").click(function () {
        consoele.log(123);
    });
</script>
</html>

报错提示：

目录结构如下：