bootstrap3的alert-danger

来源：互联网发布：越知月光出场编辑：程序博客网时间：2024/05/23 20:15

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、效果图：