Bootstrap为模态对话框提供了 4 个选项，所有的选项都可以通过 data 属性或JavaScript进行设置。见表 4‑1：
表 4‑1 modal插件的选项 名称类型默认值说明backdropbooleantrue模态对话框是否包含一个黑色半透明背景。取值为 false 时，不包含背景；取值为 true 时，包含背景，单击该背景会关闭模态对话框；取值为 static时，包含背景，但单击该背景不会关闭模态对话框。keyboardbooleantrue是否支持按 Esc 键关闭模态对话框。取值 false，表示不支持。showbooleantrue模态框初始化之后就立即显示出来。取值 false，表示不显示。remotepathfalse如果提供的是 URL，就会通过 jQuery 的load方法从该URL加载要展示的内容（只加载一次）并填充到.modal-content中。如果使用的是 data 属性 API，则要通过href属性来指定内容来源的URL。如：<a data-toggle="modal" data-target="#myModal" href="test.html">click me</a>如果使用data属性，则要将选项名称放在 data- 的后面，类似于 data-keyboard="" 的形式。如：
<a data-toggle="modal" data-target="#myModal" data-keyboard="false">Demo</a>如果使用JavaScript代码，直接使用选项名称即可。如：
<script>$('#myModal').modal({ backdrop: false, keyboard: false, remote: "test.html"})</script>关于作者
歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。
