PHP前端开发

bootstrap 如何创建错误提示

百变鹏仔 1个月前 (11-14) #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&gt;<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>

效果如图: