案例：Bootstrap案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>Bootstrap 实例 - 可取消的警告（Dismissal Alerts）</title>
6
    <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">
7
    <script src="/js/bootstrap/jquery.min.js"></script>
8
    <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
9
</head>
10
<body>
11
​
12
<div class="alert alert-success alert-dismissable">
13
    <button type="button" class="close" data-dismiss="alert"
14
            aria-hidden="true">
15
        &times;
16
    </button>
17
    成功！很好地完成了提交。
18
</div>
19
<div class="alert alert-info alert-dismissable">
20
    <button type="button" class="close" data-dismiss="alert"
21
            aria-hidden="true">
22
        &times;
23
    </button>
24
    信息！请注意这个信息。
25
</div>
26
<div class="alert alert-warning alert-dismissable">
27
    <button type="button" class="close" data-dismiss="alert"
28
            aria-hidden="true">
29
        &times;
30
    </button>
31
    警告！请不要提交。
32
</div>
33
<div class="alert alert-danger alert-dismissable">
34
    <button type="button" class="close" data-dismiss="alert"
35
            aria-hidden="true">
36
        &times;
37
    </button>
38
    错误！请进行一些更改。
39
</div>
40
​
41
​
42
</body>
43
</html>