Bootstrap 警告框(Alert)插件
警告消息大多来是用来向终端用户提示警告或确认的消息,使用警告框插件,您可以向所有的警告框消息添加取消功能。
用法
您有以下两种方式启用警告框的可取消功能。
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">×</a>
<strong>警告!</strong>您今天的订单错误。
</div>
</div>
</body>
</html>
最新文章
- EditText获取和失去焦点,软键盘的关闭,和软键盘的显示和隐藏的监听
- jQuery最基础最全面的选择器大览
- WCF、MongoDB
- App前后台判断
- 搭建ubuntu14.04的hadoop集群【docker容器充当服务器】
- 在 Linux 下将 PNG 和 JPG 批量互转的四种方法
- 从github上获取资源速度慢的解决办法
- 安装windows后重新修复grub2的引导
- redis 的使用 ( list列表类型操作)
- android 拉伸图片
- jQuery 中 data 方法的实现原理
- java 实现二分查找法
- HDU1272
- STL之vetor 排序
- Table of Contents - MongoDB
- rank() over(partition)的使用
- 利用ant进行编译和发布项目
- hdu1114Piggy-Bank(DP完全背包)
- chromium源码阅读--进程间通信(IPC)
- transition-timing-function 属性