1、第一步，双击打开WebStorm开发工具，新建静态页面model.html，并引入Bootstrap和jquery相关的js文件和css文件，如下图所示：
2、第二步，在<body></body>插入两个div，分别设置class类值；然后在第二个div元素内插入一个button，如下图所示：
3、第三步，再在button下面插入div元素，class类为model；div下层再插入一个div，class类值为model-content，如下图所示：
4、第四步，在class类值为model-content下插入一个表格，设置一些表格数据，如下图所示：
5、第五步，保存代码并预览静态页面，可以看到按钮下方有个表格，如下图所示：
6、第六步，在jquery初始化函数内，编写按钮点击事件，调用模态框，如下图所示：
