1、第一步，在WebStorm新建Web项目，并在指定目录下新建静态巨躲页面model_dialog.html；引入Bootstrap相关的js、css文件和jquery文件，如下图所示：
2、第二步，在<body></body>元素内插入两个div标签元素，并在里层插入一个按钮，设置按钮样式和ID属性值，如下图所示：
3、第三步，在button按钮下方插入一个模态框代码，模态框分为头部、中间和尾部，如下图所示：
4、第四步，保存代码并预览页面效果，查看到页面展示一个按钮，如下图所示：
5、第五步，编写成功提示按钮点婶倘常击事件，并在保存和劫距取消按钮添加data-dismiss属性，如下图所示：
6、第六步，在成功提示按钮内部加入一个关闭的按钮，用于关闭模态框，如下图所示：
