时间戳

首页 > 解决方案 > 引导轮播在本地无法使用，但可以使用在线链接

html - 引导轮播在本地无法使用，但可以使用在线链接

问题描述

所以我在一个学校项目的网站上工作，并且正在使用引导程序。我下载了 bootstrap js e css 文件，所以我可以在本地使用，所以即使我没有互联网连接，bootstrap 仍然可以工作。

一切正常，引导程序没有问题，直到我使用轮播。由于某种原因，我的轮播无法正常工作，只会出现第一张图像。我改变了什么都没关系，什么都行不通。

然后我尝试将引导文件更改为引导网站上的在线链接，令我惊讶的是，轮播开始工作了！

那么为什么轮播只适用于在线引导链接而不是本地引导文件呢？

以下是本地引导文件和 Web 链接。我没有提供轮播 html 代码，因为这不是问题，因为我从引导网站获取它，并且它正在工作，只是不在本地。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!--<link href="css/style.css" rel="stylesheet" type="text/css">-->

<!-- Boostrap Minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- Plugin jQuery -->
<!--<script src="js/jquery-3.4.1.slim.min"></script>-->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>

<!-- Bootstrap JavaScript -->
<!--<script src="js/bootstrap.min.js"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

如果有人遇到同样的问题并且现在知道如何解决它，我会很感激！

谢谢！

标签： htmlbootstrap-4

解决方案

我怀疑您的通话失败是因为您没有调用 bootstrap.bundle.min.js （w/ Popper.js）。您调用了不包含 popper.js 的非捆绑版本 (bootstrap.min.js)。

这在https://getbootstrap.com/docs/4.4/getting-started/contents/#css-files中进行了讨论

推荐阅读