bootstrap-模态框
来源:互联网 发布:广东体育网络体育直播 编辑:程序博客网 时间:2024/06/05 18:49
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Bootstrap 实例 - 模态框(Modal)插件</
title
>
<
link
href
=
"/bootstrap/css/bootstrap.min.css"
rel
=
"stylesheet"
>
<
script
src
=
"/scripts/jquery.min.js"
></
script
>
<
script
src
=
"/bootstrap/js/bootstrap.min.js"
></
script
>
</
head
>
<
body
>
<
h2
>创建模态框(Modal)</
h2
>
<!-- 按钮触发模态框 -->
<
button
class
=
"btn btn-primary btn-lg"
data-toggle
=
"modal"
data-target
=
"#myModal"
>
开始演示模态框
</
button
>
<!-- 模态框(Modal) -->
<
div
class
=
"modal fade"
id
=
"myModal"
tabindex
=
"-1"
role
=
"dialog"
aria-labelledby
=
"myModalLabel"
aria-hidden
=
"true"
>
<
div
class
=
"modal-dialog"
>
<
div
class
=
"modal-content"
>
<
div
class
=
"modal-header"
>
<
button
type
=
"button"
class
=
"close"
data-dismiss
=
"modal"
aria-hidden
=
"true"
>
×
</
button
>
<
h4
class
=
"modal-title"
id
=
"myModalLabel"
>
模态框(Modal)标题
</
h4
>
</
div
>
<
div
class
=
"modal-body"
>
在这里添加一些文本
</
div
>
<
div
class
=
"modal-footer"
>
<
button
type
=
"button"
class
=
"btn btn-default"
data-dismiss
=
"modal"
>关闭
</
button
>
<
button
type
=
"button"
class
=
"btn btn-primary"
>
提交更改
</
button
>
</
div
>
</
div
>
<!-- /.modal-content -->
</
div
>
<!-- /.modal -->
</
body
>
</
html
>
0 0
- bootstrap-模态框
- bootstrap--模态框
- bootstrap 模态框
- BootStrap模态框
- bootstrap模态框
- bootstrap模态框
- BootStrap 模态框
- Bootstrap 模态框
- Bootstrap模态框
- bootstrap模态框
- Bootstrap模态框
- BootStrap模态框
- bootstrap模态框
- bootstrap模态框
- Bootstrap模态框
- Bootstrap模态框
- bootstrap模态框
- bootstrap模态框
- android 过度绘制
- Android 自定义圆角ImageView
- const 和 #define区别
- 工作备忘-在xib/storyboard里面设置view圆角半径
- POJ 1321 *** 棋盘问题
- bootstrap-模态框
- 抗战时期为何汉奸多?
- oracle pipelined 自定义函数 function 返回table格式
- CSS实现div的高度填满剩余空间
- Linux中只列出目录
- 可选型(optional)
- 见闻上
- Unity 实用[xxx]用法
- Android获取有线网ip地址