使用引导程序在heroku上折叠按钮不起作用答案

【问题标题】：collapse buttons don't work on heroku using bootstap使用引导程序在heroku上折叠按钮不起作用
【发布时间】：2020-06-30 08:50:54
【问题描述】：

您好，我使用 bootstrap multicollapse，但它在我的 heroku 网页上不起作用！

https://aggregateurnews.herokuapp.com/diagram

【问题讨论】：

请添加您的作品（代码 sn-p）。这样我们就可以检查问题出在哪里？

标签： html heroku button bootstrap-4 collapse

【解决方案1】：

看起来您添加了不同版本的引导程序，这会产生问题。只需删除标记为黄色的最新版本（4.1.1）。您需要同时删除.css 和.js，它会起作用。

【讨论】：

@Z.Dubeau 很高兴它有帮助 ;)

【解决方案2】：

我已经检查了上面的链接，在将引导版本从 3.4.1 更改为 4.1.3 后它正在工作。

它看起来像一个引导版本问题。您已经添加了 bootstrap 的版本（v3.4.1 和 v4.1.1），如下面的代码所示

请进行以下更改：

发件人：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

收件人：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">


<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

【讨论】：