bootstrap 如何创建错误提示
文章标签
错误提示
bootstrap创建错误提示的方法:首先创建一个html示例文件;然后引入bootstrap.css和jquery.js以及bootstrap.js;最后创建bootstrap警告错误即可。
本教程操作环境:windows7系统、bootstrap3版,该方法适用于所有品牌电脑。
推荐:《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
实例代码如下:
nbsp;html><meta> <title>bootstrap警告错误</title> <link> <script></script> <script></script> <div> <h2>警告错误</h2> <div> <div> <div> <a>×</a> <strong> Warning </strong>这里是警告提示信息 </div> <div> <a>×</a> <strong> Success </strong>这里是成功提示信息 </div> <div> <a>×</a> <strong> Info </strong>这里是信息提示信息 </div> </div> </div></div>
效果如图: