选项
有一些选项可以用来定制模态窗口（Modal Window）的外观和感观，它们是通过 data 属性或 JavaScript 来传递的。下表列出了这些选项：
| 选项名称 | 类型/默认值 | Data 属性名称 | 描述 |
|---|---|---|---|
| backdrop | boolean 或 string 'static' 默认值：true |
data-backdrop | 指定一个静态的背景，当用户点击模态框外部时不会关闭模态框。 |
| keyboard | boolean 默认值：true |
data-keyboard | 当按下 escape 键时关闭模态框，设置为 false 时则按键无效。 |
| show | boolean 默认值：true |
data-show | 当初始化时显示模态框。 |
| remote | path 默认值：false |
data-remote | 使用 jQuery .load 方法，为模态框的主体注入内容。如果添加了一个带有有效 URL 的 href，则会加载其中的内容。如下面的实例所示：
<a data-toggle="modal" href="remote.html" data-target="#modal">请点击我</a> |
方法
模态弹出窗还支持四种类型的事件，分别是模态弹出窗的弹出前、弹出后，关闭前、关闭后，具体描述如下：
|
事件类型 |
描述 |
|
show.bs.modal |
在show方法调用时立即触发（尚未显示之前）；如果单击了一个元素，那么该元素将作为事件的relatedTarget属性 |
|
shown.bs.modal |
该事件在模态弹出窗完全显示给用户之后（并且等CSS动画完成之后）触发；如果单击了一个元素，那么该元素将作为事件的relatedTarget事件 |
|
hide.bs.modal |
在hide方法调用时（但还未关闭隐藏）立即触发 |
|
hidden.bs.modal |
该事件在模态弹出窗完全隐藏之后（并且CSS动画漂完成之后）触发 |
$('#myModal03').on('show.bs.modal', function () {
$('.modal-backdrop').css({ "z-index": "1060" });
})
$('#myModal03').on('hide.bs.modal', function () {
$('.modal-backdrop').css({ "z-index": "999" })
})
BootStrap 模态框禁用空白处点击关闭
模态框为信息编辑窗口,涉及好多内容,填了半天,若一不小心点了空白处.....
$('#myModal').modal({backdrop: 'static', keyboard: false});
backdrop:static时,空白处不关闭.
keyboard:false时,esc键盘不关闭.