1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>Bootstrap 实例 - 警告框(Alert)插件 alert() 方法</title>
6 <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
7 <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
8 <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
9 </head>
10 <body>
11
12 <h3>警告框(Alert)插件 alert() 方法</h3>
13 <div class="alert alert-success">
14 <a href="#" class="close" data-dismiss="alert">×</a>
15 <strong>成功!</strong>结果是成功的。
16 </div>
17 <div class="alert alert-warning">
18 <a href="#" class="close" data-dismiss="alert">×</a>
19 <strong>警告!</strong>您的网络连接有问题。
20 </div>
21 <script type="text/javascript">
22 $(function(){
23 $(".close").click(function(){
24 $("#myAlert").alert();
25 });
26 });
27 </script>
28
29 </body>
30 </html>