Bootstrap4 modal在手机和平​​板电脑上不起作用

Question

Modal无法在手机和平​​板电脑上使用。我在angular7中使用bootstrap4模态。

下面是我用来打开模态的代码。下面的代码在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

要打开引导程序模态，您始终需要一个类为modal-dialog的div和一个类为modal-content的div 您可以在此处查看一些示例：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>