BootStrap 模拟框
来源:互联网 发布:日在校园知乎 编辑:程序博客网 时间:2024/06/10 21:59
基本使用:
使用模拟框的弹出组件需要三层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的版本的问题
0 0
- BootStrap 模拟框
- 模拟BootStrap的弹框功能
- 模拟bootstrap下拉菜单
- bootstrap-select 联动框 后台php模拟数据接受
- 模拟bootstrap$坏块故障
- bootstrap里bootstrap动态加载下拉框
- 【Web Tricks 11】模拟Bootstrap标签页的实现
- 两个不错的bootstrap风格的select模拟插件
- 两个不错的bootstrap风格的select模拟插件
- Bootstrap是通过随机模拟扩充小样本的方法
- bootstrap中模拟模态框和进度条动态删除数据
- bootstrap modal弹出框
- bootstrap弹出框
- bootstrap输入框组
- bootstrap 显示下拉框
- BootStrap输入框组
- bootstrap(警告框、按钮)
- BootStrap警告框
- linux磁盘及文件系统管理-笔记
- UVA 11538-Chess Queen
- 文章标题
- js时间插件——datetimepicker
- OpenWrt Wireless STA连接AP脚本
- BootStrap 模拟框
- Restaurant (贪心)
- 为项目编写Readme.MD文件
- 1 swift 数据类型
- web前端知识体系大全
- 隐藏title,requestWindowFeature(Window.FEATURE_NO_TITLE);失效
- 推荐几个好玩又有难度的编程网站
- Hive入门--2.分区表 外部分区表 关联查询
- Linux下函数调用堆栈帧的详细解释