如何使用Bootstrap绘制和控制模态窗口显示

2025-05-15 03:01:10

1、第一步，双击打开WebStorm开发工具，新建静态页面model.html，并引入Boot衡痕贤伎strap和jquery相关的js文件和css文件，如下图所示：

2、第二步，在<body></body>插入两个div，分别设置cla衡痕贤伎ss类值；然后在第二个div元素内插入一个button，如下图所示：

3、第三步，再在button下面插入div元素，class类为model；div下层再插入一个蟠校盯昂div，class类值为model-content，如下图所示：

4、第四步，在class类值为model-content下插入一个表格，设置一些表格数据，如下图所示：

5、第五步，保存代码并预览静态页面，可以看到按钮下方有个表格，如下图所示：

6、第六步，在jquery初始化函数内，编写按钮点击事件，调用模态框，如下图所示：

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。