​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>Bootstrap3 可取消的警告（Dismissal Alerts）- 迹忆客(jiyik.com)</title>
6
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
7
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
8
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.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>

Design By 迹忆客 © 2023 jiyik.com ALL RIGHT RESERVED 冀ICP备15007416号-2