警告消息大多来是用来向终端用户提示警告或确认的消息,使用警告框插件,您可以向所有的警告框消息添加取消功能。

用法

您有以下两种方式启用警告框的可取消功能。

1、通过data属性:通过数据添加可取消功能(data api),只需要要向关闭按钮添加data-dismissal="alert",就会自动为警告框添加关闭功能。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Bootstrap历练实例:警告框(Alert)插件</title>
<meta charset="utf-8" />
<meta name="viewport"content="width=device-width,initial-scale=1.0" />
<script src="jQuery/jquery-2.1.4.js"></script>
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container"style="padding:20px">
<div class="alert alert-warning">
<a class="close" data-dismiss="alert" aria-hidden="true">&times;</a>
<strong>警告!</strong>您今天的订单错误。
</div>
</div>
</body>
</html>

最新文章

  1. EditText获取和失去焦点,软键盘的关闭,和软键盘的显示和隐藏的监听
  2. jQuery最基础最全面的选择器大览
  3. WCF、MongoDB
  4. App前后台判断
  5. 搭建ubuntu14.04的hadoop集群【docker容器充当服务器】
  6. 在 Linux 下将 PNG 和 JPG 批量互转的四种方法
  7. 从github上获取资源速度慢的解决办法
  8. 安装windows后重新修复grub2的引导
  9. redis 的使用 ( list列表类型操作)
  10. android 拉伸图片
  11. jQuery 中 data 方法的实现原理
  12. java 实现二分查找法
  13. HDU1272
  14. STL之vetor 排序
  15. Table of Contents - MongoDB
  16. rank() over(partition)的使用
  17. 利用ant进行编译和发布项目
  18. hdu1114Piggy-Bank(DP完全背包)
  19. chromium源码阅读--进程间通信(IPC)
  20. transition-timing-function 属性

热门文章

  1. ie-&quot;此更新不适应于此电脑&quot;
  2. VC添加全局热键的方法
  3. CF E .Tree with Small Distances(树上的贪心)
  4. 开元java开发工具
  5. python入门之paramiko模块
  6. windows下显示隐藏的文件
  7. 网络爬虫之记一次js逆向解密经历
  8. Oracle 搭建Node.js开发环境
  9. 【踩坑】mysql LIMIT 与 ORDER BY位置问题
  10. Spring cloud Eureka 服务治理(搭建服务注册中心)