Bootstrap 模态框插件Modal 的选项

选项

Bootstrap模态框插件modal提供了 4 个选项，所有的选项都可以通过 data 属性或 JavaScript 进行设置。见表 5‑1：

表 5‑1 Bootstrap模态框插件modal的选项

名称	类型	默认值	说明
backdrop	boolean	true	模态对话框是否包含一个黑色半透明背景。取值为 false 时，不包含背景；取值为 true 时，包含背景，单击该背景会关闭模态对话框；取值为 static时，包含背景，但单击该背景不会关闭模态对话框。
keyboard	boolean	true	是否支持按 Esc 键关闭模态对话框。取值 false，表示不支持
show	boolean	true	初始化时即显示模态对话框
remote	path	false	如果提供了远程URL地址，就会通过jQuery的 load 方法加载内容，并填充到 .modal-body 中。如果使用data属性，则要使用 href 属性来指定远程URL地址。示例代码如下：click me

如果使用data属性，则要将选项名称放在 data- 的后面，类似于 data-keyboard=" "。如：

1. data-toggle="modal" data-target="#myModal" data-keyboard="false">Demo

如果使用JavaScript代码，直接使用选项名称即可。如：

1. 关于作者

   歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。