Bootstrap历练实例:可取消的警告
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Bootstrap历练实例:可取消的警告</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</head>
<body>
<div style="padding:20px;">
<div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
×
</button>
成功,很好地进行了提交。
</div>
<div class="alert alert-info alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
×
</button>
信息,这是一个很重要的信息。
</div>
<div class="alert alert-warning alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
×
</button>
警告,请不要提交。
</div>
<div class="alert alert-danger alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
×
</button>
错误,请重新修改代码。
</div>
</div>
</body>
</html>
最新文章
- ORACLE告警日志文件
- AFNetworking 3.1
- Ubuntu+Win7双系统grub的修复问题
- Python生成字体
- golang全文搜索--使用sphinx
- 靶形数独 (codevs 1174)题解
- AcmeAir
- JavaScript ES7 中使用 async/await 解决回调函数嵌套问题
- NOIP2013 货车运输
- MyBatis入门教程(基于Mybatis3.2)
- 完全备份ORACLE数据库 并在另一台电脑上恢复
- 微信上传图文消息素材40007,invalid media_id hint
- 分享php工作中遇到的一些探究和技巧【2】
- Python3基础 用while 循环求解 一个整数的阶乘
- leetcode 169 Majority Element 冰山查询
- java基础之接口(抽象类与接口的区别)
- 【THUSC2017】【LOJ2977】巧克力 斯坦纳树
- (一)java基础
- 1.写页面 2.css的继承属性有哪些 3.margin对布局的影响
- Bootstrap --对话框及提示框的处理和优化