使用 Bootstrap 5.3 时 JavaScript 不工作答案

【问题标题】：JavaScript is not working when using Bootstrap 5.3使用 Bootstrap 5.3 时 JavaScript 不工作
【发布时间】：2023-01-29 20:51:56
【问题描述】：

我正在 Visual Studio Code 上构建一个网站，并且使用的是 Bootstrap 5.3，但功能无法正常工作 - 按钮无法展开，旋转木马无法滚动等。我是初学者，所以我一直在努力理解原因： (

有人知道问题出在哪里或有同样的问题吗？

非常感谢！

我从这里使用了 CDN：https://getbootstrap.com/docs/5.3/getting-started/download/

这就是我的想法——后面只有我自己的 css 文件。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>

*我还没有启动自己的 JavaScript，只有 html 和 css 文件。

【问题讨论】：

您是否从 html 中引用了 css 和 javascript 文件？你在使用前端框架吗？
请编辑您的答案并包括您构建的任何无效的相关代码/标记。这将使人们能够给你更准确的答案，因为现在人们会做出他们最好的猜测。

标签： javascript bootstrap-5

【解决方案1】：

您将需要包含这两种必需的资源。将它们都放在您的<head> 元素中。

Bootstrap5 css（样式）包

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">

Bootstrap5 JavaScript 包

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>

来源：https://getbootstrap.com/docs/5.3/getting-started/download/

如果您编辑您的帖子以包含 html 本身，那么我们可以查看并了解问题所在。这很可能会为您带来更好的答案。

【讨论】：