Bootstrap4 модал не работает на мобильном телефоне и планшете

Question

Модал не работает на мобильном телефоне и планшете. Я использую модал bootstrap4 в angular7.

Ниже приведен код, который я использовал, чтобы открыть модал. Ниже приведен код, используемый в app.component.html для открытия модального окна. Пожалуйста, помогите.

<div class="row">

  <div class="col-12 cancel-exit-block">

    <li><a href="#" onclick="void(0)" data-toggle="modal" data-target="#openAllowModal">Modal</a></li>
  </div>
</div>

<div class="modal fade" id="openAllowModal" role="dialog">
  <p>open modal</p>
</div>

Answer 1

Чтобы открыть мод загрузки, вам всегда нужен div с классом modal-dialog и div с классом modal-content Вы можете посмотреть пример: https://getbootstrap.com/docs/4.0/components/modal/

Так что попытайтесь преобразовать свой последний div

<div class="modal fade" id="openAllowModal" role="dialog">
  <p>open modal</p>
</div>

к этому

<div class="modal fade" id="openAllowModal" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <p>open modal</p>
    </div>
  </div>
</div>