代码复用--Bootstrap模态框

最新推荐文章于 2022-05-05 22:43:35 发布

LeapMotion1

最新推荐文章于 2022-05-05 22:43:35 发布

阅读量1.4k

点赞数

分类专栏： bootstrap 文章标签： bootstrap 模态框 modal

本文链接：https://blog.csdn.net/LeapMotion1/article/details/74908973

版权

本文介绍了如何在实际开发中使用Bootstrap模态框modal.js，包括静态和动态实例、JavaScript调用模态框的方式、参数选项以及相关方法。同时强调了在使用过程中要注意的事件功能和可能遇到的问题，如模态框闪退，提醒不要同时引用bootstrap.min.js和modal.js。

摘要由CSDN通过智能技术生成

在实际开发中，会遇到很多弹出层效果，个人比较推荐Bootstrap的模态框modal.js，样式简洁大方，而且应用灵活。

1.静态实例

复制下面的代码段，即可显示一个静态的模态框，样式如下：
这里写图片描述

<div class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">M