選項
有一些選項可以用來定制模態窗口（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鍵盤不關閉.