zoukankan      html  css  js  c++  java
  • 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>
    View Code

    效果如图:

  • 相关阅读:
    Java构造方法之间的调用
    JavaNote
    微信小程序-智能机器人
    微信小程序-今日头条案例
    微信小程序-记账本
    51job爬虫
    Xcode文件目录选中变成白色, 解决方案
    Mac通过以太网共享网络
    Mac系统Safari浏览器启动无图模式
    iOS9.0之后不支持http请求解决方案
  • 原文地址:https://www.cnblogs.com/LT0314/p/3725219.html
Copyright © 2011-2022 走看看