如何使用Bootstrap样式属性控制模态框显示隐藏
1、第一步，在WebStorm新建Web项目，并在指定目录下新建静态巨躲页面model_dialog.html；引入Bootstrap相关的js、css文件和jquery文件，如下图所示：
2、第二步，在<body></body>元素内插入两个div标签元素，并在里层插入一个按钮，设置按钮样式和ID属性值，如下图所示：
3、第三步，在button按钮下方插入一个模态框代码，模态框分为头部、中间和尾部，如下图所示：
4、第四步，保存代码并预览页面效果，查看到页面展示一个按钮，如下图所示：
5、第五步，编写成功提示按钮点婶倘常击事件，并在保存和劫距取消按钮添加data-dismiss属性，如下图所示：
6、第六步，在成功提示按钮内部加入一个关闭的按钮，用于关闭模态框，如下图所示：
声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。
阅读量：102
阅读量：71
阅读量：137
阅读量：98
阅读量：75