boostrap-非常好用但是容易让人忽略的地方【1】:modal
2024-08-27 23:04:35
使用bootstrap框架好久了,在开发中也用到了或者遇到了很多的问题,所以跟大家分享一下
bootstrap modal 组件的样式
.modal-lg
.modal-sm
说明:这个是bootstrap3.1.0加入的。主要是调节modal弹出框的大小
bootstrap modal 组件的控制
keyboard
说明:
data-keyboard="false" 点击键盘Esc键对话框不退出
data-keyboard="true" (默认值)点击键盘Esc键对话框退出
使用:
方式一
<div class="modal fade" role="dialog" id="shopGroupModal" aria-labelledby="shopGroupModalLabel" aria-hidden="true" data-keyboard="false" >
方式二
$(function () {
$('#myModal').modal({
keyboard:true
}) });
backdrop="static"
说明:
data-backdrop="false" 不显示灰色遮罩层
data-backdrop="true" (默认值)显示灰色遮罩层,点击灰色遮罩层对话框消失
data-backdrop="static" 显示遮罩层,点击灰色遮罩层对话框不消失
使用
方式一
<div class="modal fade" role="dialog" id="shopGroupModal" aria-labelledby="shopGroupModalLabel" aria-hidden="true" data-backdrop="static">
方式二
$(function () {
$('#myModal').modal({
backdrop:'static'
}) });
最新文章
- 吓哭原生App的HTML5离线存储技术,却出乎意料的容易!【低调转载】
- chkconfig系统服务启动设置
- dip,px,pt,sp的区别
- 条款22 template method 模式
- 随便写写,当作了解--Css
- HDU 4288 Coder(线段树)
- oracle解析xml完成版第二次修改
- C#开发SQLServer的Geometry和Geography存储
- Android studio教程:[6]创建多个Activity
- 深入理解java虚拟机系列二——垃圾收集算法
- ASM - 条件判断
- SGU114-Telecasting station
- JS基础知识——缓动动画
- 很傻很二很简单的一个问题,json键值为变量如何取值
- 查看java线程cpu占用情况的脚本
- springboot自定义配置信息读取
- sass编写高质量的css---(基础语法结构)
- nginx ssl 自签证书实验
- 用accessKey设置快捷键
- Xilinx 常用模块汇总(verilog)【03】
热门文章
- jQuery,javascript获得网页的高度和宽度$(document).height / $(window).height
- MaxCompute Mars开发指南
- spingboot项目在windows环境中运行时接收参数及日志中文乱码
- Gym - 101617D_Jumping Haybales(BFS)
- MySQL性能分析, mysql explain执行计划详解
- 异常解决:non-compatible bean definition of same name and class【com.xxx.xxx.XXX】
- 第三期 行为规划——10.用C++实现变道函数
- H3C Comware的作用
- iptables禁止ssh端口
- Python--day67--Jsonresponse响应介绍和路由系统的分组命名匹配方式(简单介绍)