好久没有发过自己的代码的状态了，今天编写代码感觉有力不从心了。不过慢慢的找回了感觉，正好朋友问了我一个问题，就是如何实现模态框。其实就是引用引导程序插件来实现。下面通过本文给大家介绍下。

引导模式（模态框)是使用定制的Jquery插件创建的。它可以用来创建模态窗口丰富用户体验，或者为用户添加实用功能。您可以在情态动词（模态框)中使用波波夫（弹出框)和工具提示（工具提示插件)。页面中的模态框一般分为注册模态框、变更模态框、删除（信息提示)模态框三种基本模态框。

好了看代码。更希望大家互相关注，留下您的宝贵意见

！DOCTYPE html html head meta charset=' utf-8 ' title bootstrap实例-模态框（模态)插件/title link rel='样式表href=' https://cdn。静态的。鲁诺布。com/libs/bootstrap/3。3 .7/CSS/bootstrap。量滴CSS ' script src=' http :3359 cdn。静态的。鲁诺布。com/libs/jquery/2。1 .1/jquery。量滴js '/script script src=' http 33603359 cdn。静态的。鲁诺布。com/lib查询。量滴js ' '}。c-右{宽度：100%;高度：130 pxborder: 1px实心# fff背景-color : # fff；} .foot a { text-decision-line : none；} .一个{宽度： 65%；高度： 40px边距-top : 5px；左边距左侧： 35pxborder-半径： 5px颜色： # 999线高： 40px左填充left: 16pxborder: 1px固体# e5e 5；} .两{宽度： 65%；高度： 40px边距-top : 5px；边界半径： 5px左边距left: 35pxcolor: # 999线高： 40px左填充left: 16pxborder: 1px固体# e5e 5；} .log in _ submit { width : 62%；高度： 25pxcolor: # fff背景# fb5c 5 aborder : 0；左边距left: 45pxoutline:无；边界半径： 3px} .页脚{宽度： 100%;高度：80 pxborder: 1px固体# 333333;背景色： # 333333;边距-左侧： 200像素；}/style/head dybutton class=' BTN BTN-主BTN-LG ' data-toggle=' modal ' data-target=' # myModal '开始/button！-模态框(Modal)-div class=' Modal fade ' id=' MyModal ' tabindex='-1 '角色=' dialog ' aria-labelledby=' myModalLabel ' aria-hidden=' true ' div class=' Modal-dialog ' div class=' Modal-content ' div class=' Modal-header ' button type=' button ' class=' close ' data-misse=' Modal ' aria-hidden=' true '/button H4 class=' Modal-title ' id=' myModalLabel '网上辅导管理系统/H4/div类=' modal-body ' div id=' div 2 ' class=' div 2 Absolute-Center ' div class=' c-right ' div class=' middle ' pinput type=' text ' id=' username ' class=' one ' name=' username ' placeholder=' username '/p pinput type=' password ' id=' class=' two ' name=' password ' placeholder=' password '/p/div class=' foot ' p输入类型=' submit ' class=' log in _ submit ' id=' BTN 2登入//p/div/div/div/class='模式-页脚'按钮类型=' button ' class=' BTN BTN-默认' data-misse=' modal '关闭/button button type=' button ' class=' BTN BTN-primary '提交更改/button/div/div/body/html以上所述是小编给大家介绍的引导程序模态框实例插件案例分析，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！