javascript - Bootstrap CDN 不起作用并且在控制台中出现错误
问题描述
我尝试将 Bootstrap 4.5 与他们在其主页上的 CDN 一起使用,但是,在我将所有代码行插入到我的项目中之后,我的自定义 css 出现了很多问题,并且引导轮播不起作用。当我查看检查器时,我看到以下消息:
我使用的 CDN 代码如下:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
其他链接之前的“链接”,如谷歌字体、我的自定义 css 和 fontawesome,以及最终正文选项卡之前的脚本,所以我不知道,谢谢!
对不起我的英语,我不会说这种语言
解决方案
您的 cdn 链接来自旧版本 - 4.4.1,而不是 - 4.5.0。以下是正确的链接:
<!-- CSS only -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- JS, Popper.js, and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
推荐阅读
- amazon-cloudformation - 属性 Targets 的值必须是对象列表“AWS::ElasticLoadBalancingV2::TargetGroup”错误
- javascript - 如何在 PHP 中使用 Ajax 和 Jquery 进行图像裁剪并上传到文件夹并将名称保存在数据库中
- reactjs - 未处理的拒绝 (SecurityError):操作不安全。在一个新的 create-react-app 项目上
- linux - 将 3 列合并为 1
- python - beautifulSoup soup.select() 为 css 选择器返回空
- php - if else 语句 PHP 中出现意外的“<”
- java - 如何从 ArrayList 复制对象并在 HashMap 中按 int 大小对它们进行排序?
- jestjs - 使用 babel-plugin-import 测试 Jest
- android - 如何正确设置 Epoxy clickListener 回调?
- swift - 获取当前用户的名字 cloud firebase swift