bootstrap modal 弹窗
来源:互联网 发布:著名时装插画师知乎 编辑:程序博客网 时间:2024/06/07 09:16
boostrap弹窗的功能,利用modal构造弹窗
效果如图
点击Show Modal按钮,然后弹窗
代码:
<html><head><title>testmock</title><link rel="stylesheet" type="text/css" href="bootstrap.css"><script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="bootstrap.js"></script></head><body><button class="btn btn-success" data-toggle="modal" data-target="#mymodal">Show Modal</button><div class="modal fade" id="mymodal"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><h4 class="modal-title">Title</h4></div><div class="modal-body">This is body</div><div class="modal-footer"><button type="button" class="btn btn-info" data-dismiss="modal">Close</button></div></div></div></div></body></html>
0 0
- bootstrap modal 弹窗
- Bootstrap扩展Modal弹窗
- bootstrap modal 弹窗 数据清除
- Bootstrap modal
- Bootstrap-Modal
- BootStrap Modal
- bootstrap modal
- modal (Bootstrap)
- ActionBox 弹窗 弹消息 仿照bootstrap modal
- 【bootstrap】 bootstrap-modal: 点击遮罩层不关闭modal
- bootstrap modal弹出框
- Bootstrap迁移系列 - Modal
- bootstrap modal使用方法
- BootStrap Modal Create
- bootstrap modal 一闪
- bootstrap modal 居中
- bootstrap static modal
- bootstrap modal垂直居中
- 3 单例模式(Singleton)
- 4 建造者模式(Builder)
- 5 原型模式(Prototype)
- 关于android 不同版本获取wifi SSID,真的没话说了
- 6 适配器模式(Adapter)
- bootstrap modal 弹窗
- 7 装饰模式(Decorator)
- JAVA笔记
- 8 代理模式(Proxy)
- 免费的编程中文书籍索引
- 9 外观模式(Facade)
- Trie树
- 马云:创业这些年犯下的四个大错
- c# 特性/属性(Attribute) 以及使用反射查看自定义特性