сайт ранее работал на bootstrap 3, после того как он был обновлен на 4 версию Bootstrap, в нем перестали срабатывать модальные окна (понимаю, что изменился способ роботы, но не знаю как исправить).
Шаблон модального окна един для всех окон, а контент генерируется в него уже динамически, ниже html код ранее используемого модального окна
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Загрузка..</h4>
</div>
<div class="modal-body">
<div class="te"></div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
ниже участок кода, с кнопкой которая вызывала модальное окно а в нем была форма входа (как пример)
{% else %}
<ul class="media_menu">
<li class="Login_exit"><a href="{{ frontend }}/login" data-toggle="modal" data-target="#myModal">Войти</a></li>
<li class="Login_exit"><a href="{{ frontend }}/register">Регистрация</a></li>
{% endif %}
(если оставить все так, то при нажатии ничего не будет видно, так как код оформления и js другой версии бутстрапа нужен, но в инспеторе кода видно, что контент внутри модального окна пуст.)
Если же например отключить js бутстрапа 4 и подключить js бутстрапа 3 (модальное окно не будет видно по прежнему но нужный контент уже будет генерирован и виден в инспекторе кода.
Как произвести "типа миграцию" или может кто то, сможет направить/помочь решить данную проблему. Спасибо.