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

发布于 2022-09-06 21:57:59 字数 1202 浏览 33 评论 0

起了一个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>

报错提示:

clipboard.png
目录结构如下:

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

黑白记忆 2022-09-13 21:57:59

文件不存在,路径有误,楼主改成./的样子试试 ./css/bootstrap.min.css

南…巷孤猫 2022-09-13 21:57:59

引入文件路径不对吧。

何以笙箫默 2022-09-13 21:57:59

确实是路径问题 :在dist文件里

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文