Bootstrap库之Modals
来源:互联网 发布:mac win10虚拟机卸载 编辑:程序博客网 时间:2024/05/10 07:54
Bootstrap库之Modals。
Bootstrap是Twitter推出的一个开发工具包,包含了一些比较常用的CSS,JavaScript代码。使用Bootstrap可以加快前端开发的速度。
标签属性讲解:
class="btn" ,显示出来是一个按钮,'btn'类选择器的定义在bootstrap.min.css
data-controls-modal - 要显示的Modal的ID
data-controls-modal="my_modal"中的my_modal就是我们上面我们定义的容器DIV
data-backdrop - 背景选项
data-backdrop="true"这个属性值表示显示黑色的页面背景且点击黑色背景会隐蔽modaldata-backdrop="false"false,不显示黑色的背景data-backdrop="static"static,会显示黑色背景但点击黑色背景不会隐蔽modal
data-keyboard 键盘选项
data-keyboard="false" 值可以是true或false,按下键盘ESC键时是否关闭(隐蔽)modal
这样,无需写一行JS代码就可以建立一个Modal示例了。
使Modals窗体可以拖动
引入jquery ui的draggable组件,然后:
$("#myModal").draggable({ handle: ".modal-header"});
0 0
- Bootstrap库之Modals
- Bootstrap库之Modals
- js学习之--Bootstrap Modals(模态框)
- bootstrap中的modals
- Bootstrap Modals(模态框)
- Bootstrap Modals(模态框)
- 模态框----Bootstrap Modals基础使用详解
- Bootstrap 模态弹出框(Modals)
- bootstrap之bootstrap&type样式
- Tomcat 之 Bootstrap
- bootstrap 之 css
- bootstrap 之 组件
- bootstrap 之 基本知识
- bootstrap 之准备开发
- bootstrap 之 CSS样式
- bootstrap 之 LESS
- Bootstrap 之 tab 改
- Bootstrap学习之模态框
- 公告:C币系统即将上线
- Java学习笔记_switch
- html div的使用注意事项
- openssl之BIO系列之9---BIO对的创建和应用
- 什么拖住了你晨起的步伐?
- Bootstrap库之Modals
- ACM Packets(挑战程序设计竞赛)
- 【原】js实现复制到剪贴板功能,兼容所有浏览器
- QIODevice (Qt中所有 I/O devices 的基类,QFile,QBuffer,QTcpSocket等)
- Handler出现:The specified message queue synchronization barrier token has not been posted or has alre
- ARM的SPI总结
- 怎样放单才是最安全最保险的?
- MFC文档视图框架之间的访问关系
- phonegap/cordova4.0更新解读