专栏首页sktjbootstrap 警告 执行后返回信息 常用样式

bootstrap 警告 执行后返回信息 常用样式

image.png

可关闭的警告消息

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 可取消的警告(Dismissal Alerts)</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body>

<div class="alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> × </button> 成功!很好地完成了提交。 </div> <div class="alert alert-info alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> × </button> 信息!请注意这个信息。 </div> <div class="alert alert-warning alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> × </button> 警告!请不要提交。 </div> <div class="alert alert-danger alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> × </button> 错误!请进行一些更改。 </div>

</body> </html>


image.png

<div class="alert alert-success">成功!很好地完成了提交。</div> <div class="alert alert-info">信息!请注意这个信息。</div> <div class="alert alert-warning">警告!请不要提交。</div> <div class="alert alert-danger">错误!请进行一些更改。</div>

class alert alert-success info warning danger

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • bootstrap 警告框 提示框 带关闭 常用

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • bootstrap 警告框

    <div class="container"> <div class="alert alert-success"> <p>显示了警告框</p> </div...

    用户5760343
  • bootstrap 警告框alert 常用样式

    <div class="alert alert-warning"> <a href="#" class="close" data-dismiss="alert...

    用户5760343
  • bootstrap 警告框 提示框 带关闭 常用

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • Hibernate之saveOrUpdate

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_35512245/articl...

    大黄大黄大黄
  • CSS3 Color属性介绍

    通常我们使用css控制颜色时,均采用16进制的RGB模式,如 color:#ff0000;

    py3study
  • (二十)c#Winform自定义控件-有后退的窗体

    GitHub:https://github.com/kwwwvagaa/NetWinformControl

    冰封一夏
  • [UWP]通过自定义XamlCompositionBrushBase实现图片平铺

    我早就想试试自定义XamlCompositionBrushBase,但一直没机会。上一篇文章介绍到使用Win2D的BorderEffect实现图片的平铺功能,原...

    dino.c
  • Google Chrome 浏览器 开发者工具 使用教程

    对于Chrome 浏览器,除了占用内存的缺点,其他都很不错。对于Chrome 浏览器的开发者工具,Jeff 除了Elements、Resources、Netwo...

    Jeff

扫码关注云+社区

领取腾讯云代金券