bootstrap3的alert-danger
来源:互联网 发布:安畅网络怎么样 编辑:程序博客网 时间:2024/06/06 03:50
bootstrap3alert-dangeralert-link
1、alert-danger:
2.3版本的alert-error 3.0版本alert-danger
新增的alert-link
其它几个没变。
2、实验代码:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link rel="stylesheet" href="dist/css/bootstrap.css" >
- <script src="dist/js/bootstrap.js"></script>
- <title>无标题文档</title>
- </head>
- <body style="margin:100px">
- <div class="container">
- <div class="alert alert-success">
- <strong>成功!</strong>
- <a href="#" class="alert-link">这个是警告上的连接</a>
- 这个是 成功 的提示!
- </div>
- <div class="alert alert-info">
- <strong>小心!</strong>
- <a href="#" class="alert-link">这个是警告上的连接</a>
- 这个是 小心 的提示!
- </div>
- <div class="alert alert-warning">
- <strong>警告!</strong>
- <a href="#" class="alert-link">这个是警告上的连接</a>
- 这个是 警告 的提示!
- </div>
- <div class="alert alert-danger">
- <strong>危险!</strong>
- <a href="#" class="alert-link">这个是警告上的连接</a>
- 这个是 危险 的提示!
- </div>
- </div>
- </body>
- </html>
3、效果图:
- bootstrap3的alert-danger
- bootstrap3的alert-danger
- bootstrap3的.tabel .danger
- bootstrap3的.tabel .danger
- bootstrap3的visible-*
- bootstrap3的 progress 进度条
- bootstrap3的 progress 进度条
- bootstrap3的visible-*
- Bootstrap3的简单入门
- bootstrap的text-muted和text-danger
- bootstrap的text-muted和text-danger
- Bootstrap3的栅格化样式
- bootstrap3兼容IE8的方法
- Bootstrap3 datetimepicker控件的使用
- 基于bootstrap3的表格组件
- bootstrap3中模态对话框的使用
- Bootstrap3 datetimepicker控件的使用
- bootstrap3与IE的兼容性的解决方法
- bootstrap3的visible-*
- 怎样利用热点事件实现营销目的
- 设计模式之创建模式----抽象工厂模式
- 2013长沙现场赛 K . Pocket Cube
- 将病毒式营销发挥到最佳效果
- bootstrap3的alert-danger
- Java 分析成绩单
- 备忘
- bootstrap3的新增和修改的btn-*用法
- 移动字母(广度搜索+队列)
- 欧拉计划 题目24 (全排列)
- hdu 1181 变形课 (广搜)
- hdu 2612 Find a way (广搜)
- hdu 1465 (错排公式问题)