一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

bootstrap中模态框、模态框的属性实例详解

时间:2017-04-13 编辑:简简单单 来源:一聚教程网

工作中有需要用到模态框的可以看看

 

 代码如下 复制代码

 

其中模态框有个属性可以避免点击遮罩层导致模态框关闭。就是div中设置的 data-backdrop="static"。这样可以避免在模态框中输入内容时突然的误操作导致模态框关闭。

另外还有一个属性:data-keyboard="false"。此举是设置按下ESC退出键无效。同样是为了避免突然的误操作导致模态框关闭。

 

 代码如下 复制代码

      

      

      

 

其中按钮属性data-toggle="modal" data-target="#userModal"是打开模态框。

热门栏目