首页 > 代码库 > bootstrap错误警告信息提示
bootstrap错误警告信息提示
bootstrap提供了成功执行、警告和错误信息的样式.
在使用该功能的时候需要引入以下几个文件:
bootstrap.css
jquery.js(需放在bootstrap.js之前)
bootstrap.js(官方推荐引入的是bootstrap-alert.js)
主要使用的样式:
.span4
.alert(默认样式)
.alert alert-successs
.alert alert-error
.alert alert-info
实例代码如下:
<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title>bootstrap警告错误</title> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> <script src="bootstrap/js/jquery.1.9.1.js"></script> <script src="bootstrap/js/bootstrap.js"></script> </head> <body> <div class="container"> <h2>警告错误</h2> <div class="row"> <div class="span4"> <div class="alert"> <a class="close" data-dismiss="alert">×</a> <strong> Warning </strong>这里是警告提示信息 </div> <div class="alert alert-success"> <a class="close" data-dismiss="alert">×</a> <strong> Success </strong>这里是成功提示信息 </div> <div class="alert alert-info"> <a class="close" data-dismiss="alert">×</a> <strong> Info </strong>这里是信息提示信息 </div> </div> </div> </div> </body> </html>
效果如图:
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。