基本使用:
使用模拟框的弹出组件需要三层div 容器元素,分别是model(模拟声明层),dialog(窗口声明层),content(内容层),在内容层里面,还有三层,分别是
header(头部),body(主体),footer(注脚)
<div class="modal" id="myModel" tabindex="-1">
<!--窗口声明-->
<div class="modal-dialog show">
<!--内容声明-->
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal"><span>×</span></button>
<h4 class="modal-title">会员登录</h4>
</div>
<div class="modal-body">2</div>
<div class="modal-footer">
<button class="btn btn-default">
注册
</button>
<button class="btn btn-primary">
登录
</button>
</div>
</div>
</div>
</div>
可设置淡入淡出效果
<div class="modal fade" id="myModel" tabindex="-1">
主体部分可以设置栅格系统的流体
可选尺寸
远程加载
href
支持的事件有,弹窗前,弹窗后,关闭前,关闭后
注:
如果调用失败可能是:JQuery 或者BootStrap的版本的问题
使用模拟框的弹出组件需要三层div 容器元素,分别是model(模拟声明层),dialog(窗口声明层),content(内容层),在内容层里面,还有三层,分别是
header(头部),body(主体),footer(注脚)
<div class="modal" id="myModel" tabindex="-1">
<!--窗口声明-->
<div class="modal-dialog show">
<!--内容声明-->
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal"><span>×</span></button>
<h4 class="modal-title">会员登录</h4>
</div>
<div class="modal-body">2</div>
<div class="modal-footer">
<button class="btn btn-default">
注册
</button>
<button class="btn btn-primary">
登录
</button>
</div>
</div>
</div>
</div>
可设置淡入淡出效果
<div class="modal fade" id="myModel" tabindex="-1">
主体部分可以设置栅格系统的流体
可选尺寸
远程加载
href
支持的事件有,弹窗前,弹窗后,关闭前,关闭后
注:
如果调用失败可能是:JQuery 或者BootStrap的版本的问题