用Bootstrap怎么样写错误提示，代码是什么
导读：这篇文章主要为大家详细介绍了用Bootstrap怎么样写错误提示，代码是什么，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望对大家学习或工作能有帮助。 bootstrap创建错误提示的方法：首先...
这篇文章主要为大家详细介绍了用Bootstrap怎么样写错误提示，代码是什么，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望对大家学习或工作能有帮助。
bootstrap创建错误提示的方法：首先创建一个HTML示例文件；然后引入bootstrap.css和jquery.js以及bootstrap.js；最后创建bootstrap警告错误即可。
本教程操作环境：windows7系统、bootstrap3版，该方法适用于所有品牌电脑。
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>
效果如图:
以上就是关于用Bootstrap怎么样写错误提示，代码是什么的介绍，本文内容仅供参考，有需要的朋友可以借鉴了解看看，希望对大家学习或工作，想要了解更多欢迎关注网络，小编每天都会为大家更新不同的知识。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 用Bootstrap怎么样写错误提示，代码是什么
本文地址： https://pptw.com/jishu/653973.html