天天看点

bootstrap模态框

触发:

模态框

模态框大体分为三个部分 

<code>data-keyboard="false"</code>。此举是设置按下ESC退出键无效

data-backdrop="static" :阻止点击模态框以外的灰色背景而关闭模态框

属性<code> data-toggle="modal" data-target="#userModal" </code>是打开模态框。

data-dismiss="modal" ::关闭模态框

aria-labelledby : 对应下面的模态框标题栏的id  即下面的&lt;h4 class="modal-title" id="myLargeModalLabel"&gt;添加使用条件&lt;/h4&gt;

class="modal fade addgoods" 其中fade是弹出时的动画效果(淡入淡出效果)

aria-hidden="true" 默认隐藏模态框 当打开模态框时 值为false

类<code>modal-content</code>告诉bootstrap.js在哪里查找模态框的内容。在这个div内,我们需要放置前面提到的三个部分:头部,正文和页脚   

 大体结构