Bootstrap 警告框（Alert）插件

 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8">
     <title>Bootstrap 实例 - 警告框（Alert）插件 alert() 方法</title>
     <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
     <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
     <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 </head>
 <body>

 <h3>警告框（Alert）插件 alert() 方法</h3>
 <div id="myAlert" class="alert alert-success">
     <a href="#" class="close" data-dismiss="alert">&times;</a>
     <strong>成功！</strong>结果是成功的。
 </div>
 <div id="myAlert" class="alert alert-warning">
     <a href="#" class="close" data-dismiss="alert">&times;</a>
     <strong>警告！</strong>您的网络连接有问题。
 </div>
 <script type="text/javascript">
 $(function(){
     $(".close").click(function(){
         $("#myAlert").alert();
     });
 });
 </script> 

 </body>
 </html>