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、效果圖: