模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集，参考。

通过 data 属性或 JavaScript 调用模态框插件，可以根据需要动态展示隐藏的内容。模态框弹出时还会为 元素添加 .modal-open 类，从而覆盖页面默认的滚动行为，并且还会自动生成一个 .modal-backdrop 元素用于提供一个可点击的区域，点击此区域就即可关闭模态框。

• show boolean 默认值为true，模态框初始化之后就立即显示出来。

modal方法的更多使用方式：

• .modal(‘show’): 手动打开模态框, 在模态框显示之前返回到主调函数中（也就是，在触发 shown.bs.modal 事件之前）
• .modal(‘hide’): 手动隐藏模态框, 在模态框隐藏之前返回到主调函数中（也就是，在触发 hidden.bs.modal 事件之前）。

Bootstrap 的模态框类提供了一些事件用于监听并执行你自己的代码，具体如下所示：

• show.bs.modal: show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访问。
• shown.bs.modal: 此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触发。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访问。
• hidden.bs.modal: 此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发。
• loaded.bs.modal: 从远端的数据源加载完数据之后触发该事件。

 

 在模态框被打开的时候，bootstrap做了如下处理：
 
 

1. 模态框不支持同时打开多个模态框
   千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现。参考实例和

2. 模态框的HTML代码放置的位置
   务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免其他组件影响模态框的展现和/或功能，参考实例。

在模态框中嵌入 YouTube 视频需要增加一些额外的 JavaScript 代码，用于自动停止重放等功能，这些代码并没有在 Bootstrap 中提供。请参考这份。

1. bootstrap是如何通过data属性开闭模态框的？
2. “增强模态框的可访问性 ”是做什么用的？