bootstrap模态框

1.模态框的使用

2.模态框的页面跳转

一般方式直接写入模态框

点击模态框弹出新页面的方式

<a href="abc.html" class="btn-tip mr pull-left" title="打开模态框" data-toggle="modal"data-target=".bs-example-modal-lg">

</a>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">

</div>

3.模态框关闭

Bootstrap 模态框在用户点击背景空白处时，不关闭

方法一：在HTML页面中编写模态框时，在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”，即可

方法二：在需要显示模态框，初始化时，$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); 

其中 ，backdrop：’static’指的是点击背景空白处不被关闭； keyboard:false指的是触发键盘esc事件时不关闭。