кнопки сворачивания не работают на героку с помощью бутстапа

Question

Здравствуйте, я использую bootstrap multicollapse, но он не работает на моей странице heroku!

https://aggregateurnews.herokuapp.com/diagram

Answer 1

Я проверил вышеуказанную ссылку, и она работает после изменения версии 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>

Answer 2

Похоже, вы добавили разные версии bootstrap, что создает проблему. просто удалите последнюю версию (4.1.1), помеченную желтым. Вам нужно удалить как .css, так и .js, и она будет работать.