Bootstrap Modal无法正常工作 [英] Bootstrap Modal not working as expected

问题描述

我已将引导程序模式添加到我的网站，但无法正常工作.有人帮我修复它.谢谢.

I've added bootstrap modal to my website, but it's not working. Someone help me fix it. Thanks.

  <button type="button" class="btn btn-info btn-lg">Update</button>

  <!-- Modal -->
  <div class="modal fade" id="myupdate" role="dialog">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">New Update </h4>
        </div>
        <div class="modal-body">
          <p>This is a small modal.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>
</div>

推荐答案

缺少数据切换和定位

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myupdate">Open Small Modal</button>

这篇关于Bootstrap Modal无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！