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

Question

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

https://aggregateurnews.herokuapp.com/diagram

Answer 1

您似乎添加了不同版本的 bootstrap，这是一个问题。只需删除 yellow.You 中标记的最新版本 (4.1.1) 需要同时删除 .css 和 .js 即可。

Answer 2

我已经检查了上面的 link 并且在将 bootstrap 版本从 3.4.1 更改为 4.1.3 后它可以正常工作.

看起来像是 bootstrap 版本问题。您已经添加了 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>

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

collapse buttons don't work on heroku using bootstap

html

heroku

button

collapse

bootstrap-4