首先在html中导入所需要的库文件，如下图所示，一定注意导入jquery文件。然后在Body区域应用了bootstrap的modal样式，如下图所示。
创新互联专注于桑珠孜企业网站建设,成都响应式网站建设公司,电子商务商城网站建设。桑珠孜网站建设公司,为桑珠孜等地区提供建站服务。全流程按需网站建设，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
JavaSE中，使用JOptionPane.show***window可以生产模态的对话框窗口，即用户必须点击对话框的按钮后，才能返回主窗口继续操作，否则无法进行其他操作。
jsp中的模态窗口是通过调用js方法弹出的。js中的弹出方法： 参数说明： sURL -- 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。 vArguments -- 可选参数，类型：变体。用来向对话框传递参数。
在资源视图中（也就是那个resource）找到dialog，右键(看见那个insert点击它)新建dialog，命名随便你自己取，比如DLG，这个dialog就是你要点击后出来的对话框，楼主自己对这个对话框进行设计。
先初始化一个窗口 form1 f =new fram1()；然后调用。
因为DoModal()函数的一个功能是，当前只能运行此模态对话框，且停止主窗口的运行，直到模态对话框退出，才允许主窗口运行。DoModal()函数也有显示对话框的功能，所以也无需调用其他函数来显示对话框。
下来，我们需要给窗口添加一个“关闭”按钮，用于在窗口开启状态下关闭这个窗口。要完美的实现这一功能，首先我们需要声明一个全局变量，用于存储弹出窗口 DIV中的内容。
首先要写一个弹窗内容区div，把要显示在弹窗里面的标签放在弹窗的div里面就行，当弹窗打开的时候，弹窗里面的内容就是你布局的内容。这需要结合JavaScript，纯html是实现不了的。
hide() 方法隐藏被选元素。这与 CSS 属性 display：none 类似，但是隐藏的元素不会被完全显示（不再影响页面的布局）。设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。
elementCount = 0；//。它来控制对话框的显示个数 //Popover是Bootstrap的弹出提示控件，这个提示控件并不会直接显示出来。它需要调用特定的方法才会显示出来。
Bootstrap 中用到一些 HTML元素和CSS属性需要将页面设置为 HTML5 文档类型，即在页面顶部添加“！DOCTYPE html”2布局容器：Bootstrap 需要为页面内容和栅格系统包裹一个 .container或container-fluid(占据全部视口viewport的容器)容器。
单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。
打开美图秀秀，进入美图秀秀的工作界面。在这个界面里找到打开一张图片选项。点击打开一张图片，弹出打开对话框，选择我们的图片。在上面的菜单里找到打开更多功能选项。点击更多功能后，弹出更多功能对话框。
首先在微信的“发现栏”内点击上方的“小程序”选项。 进入小程序后，点击上方的搜索栏，输入“九宫格照片拼图”点击搜索，接着点击下方第一个“九宫格照片拼图”。 进入九宫格照片拼图后，点击“切图，一键切九格图”选项。
还可以设置边框，点击边框“”是图片之间的间隔。“”是整个拼图的与边框的间隔。“”是修改图片的边框。调整完成后就点击“勾勾”键。然后再点击弹出页面的右上角“”几秒钟就可以转换好了。
首先，打开Word文档，单击插入-；形状在上面的工具栏中，选择矩形。然后在Word文档中画一个矩形。唐不要把它设得太大。单击大纲-；无线条形颜色在工具栏中。
reset按钮将表单重新设置为其默认设置。 请特别注意放置reset按钮的位置：过于靠近“ submit按钮，某些用户不可避免地会无意间点击它，而不是错误地单击“ submit按钮，一旦这样做，就无法取回其信息。
(form).trigger(reset)；在function里面用这句就可以了，trigger(reset)触发form的reset[重置]事件相当于点击reset按钮。
this.$refs[xxx].resetFields()；方法常见于弹出框内搭配表单使用时调用，用于重置表单内容。这里解释一下resetFields()，其本质是 初始化数据 而不是清空数据，理解这个本质才能想明白在什么时候使用该方法才是正确的。
1、添加data-hover=dropdown到标签中，如果已经使用Bootstrap，可以替换Bootstrap的data-toggle=dropdown。可以通过数据属性设置选项，也可以通过data-delay和data-close-others来设置选项。
2、，是因为没把他放在我要遮罩的背景模块外，写在里面了 2，给弹出层设置z-index：9999；设为最高。
3、通过为下拉菜单的父元素设置 .dropup 类，可以让菜单向上弹出（默认是向下弹出的）。
4、打开WebStorm开发工具，新建‘test.html’文件，并在文件同级目录安装部署Bootstrap相关文件，目录结构如下图。在‘test.html’中写如下代码。网页查看效果如下图，这时点击按钮还没有相应，因为没有对应的代码。
