Bootstrap javascript插件 模态框

1模态框

首先设置一个button作为触发器 设置data-toggle="modal" data-target="#mymodal"

<div class="modal fade" id="mymodal">     fade是一种淡入淡出的效果

<div class="modal-dialog">

<div class="modal-content">

<div class="header"></div>
<div class="body"></div>
<div class="footer"></div>

实例

<button class="btn btn-primary" data-toggle="modal" data-target="#mymodal">Run!</button>

<div class="modal fade" id="mymodal">
<div class="modal-dialog">
<div class="modal-content">
<div class="header"></div>
<div class="body"></div>
<div class="footer"></div>
</div>
</div>

</div>