bootstrap 警告(Alerts)
本章将讲解警告(Alerts)以及bootstrap所提供的用于警告的class类。警告(Alerts)向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。
您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框,请使用 警告(Alerts) jQuery 插件。
您可以通过创建一个 <div>,并向其添加一个 .alert class 和四个上下文 class(即 .alert-success、.alert-info、.alert-warning、.alert-danger)之一,来添加一个基本的警告框。下面的实例演示了这点:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div style="padding:20px">
<p class="alert alert-success">成功,很好地完成了提交。</p>
<p class="alert alert-info">信息,这个消息很重要。</p>
<p class="alert alert-warning">警告,幸好没有进行提交。</p>
<p class="alert alert-danger">错误,请进一步修改。</p>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
最新文章
- 图片下方出现多3px的原因及解决方法
- Supervisor 安装与配置
- Flume-ng+Kafka+storm的学习笔记
- bean在容器上的生命周期
- lightoj 1002
- oracle 使用基本问题
- c++崩溃错误2
- vc 按钮自绘
- centos6的安装
- Strategic Game HDU
- 作死上CODEVS,青铜题
- 如何让你的.vue在sublime text 3 中变成彩色?
- [HCNA]VLAN配置Access接口
- 关于MySQL的1064错误
- leetcode-69.x的平方根
- Eclipse-----解决调试源码不进入断点问题
- android--------内存泄露分析工具—Android Monitor
- VS2013 未找到与约束。。。
- oracle和mysql在sql中生成uuid的方法
- 关于Themleaf学习总结
热门文章
- 解决 APP启动白屏黑屏问题
- pyinstaller打包多个py文件仍报错ModuleNotFoundError: No module named &#39;xxx&#39;
- mac 安装cocoapods
- js中的面向对象程序设计
- Exception in thread ";main"; java.lang.UnsupportedClassVersionError: com/google/common/base/Function : Unsupported major.minor version 52.0的解决办法(图文详解)
- nginx配置SSL证书实现https服务
- mysql explain 的extra中using index ,using where,using index condition,using index &; using where理解
- jsoup爬虫,项目实战,欢迎收看
- java类及编写public类的基础点
- .net framework MVC 下 Hangfire使用,时区,权限