Bootstrap组件_警告框
2024-06-29 00:58:31
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>警告框</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><div class="container"><div class="alert alert-info" role="alert"><strong>info</strong>信息</div><div class="alert alert-success" role="alert"><strong>info</strong>成功</div><div class="alert alert-warning" role="alert"><strong>info</strong>警告</div><div class="alert alert-danger" role="alert"><strong>info</strong>危险</div></div>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>警告框</title><link rel="stylesheet" href="bootstrap.min.css"><script src="jquery-1.12.1.js"></script><script src="bootstrap.min.js"></script>
</head>
<body><div class="container"><div class="alert alert-info" role="alert"><strong>info</strong>信息<a href="#" class="alert-link">链接</a></div><div class="alert alert-success" role="alert"><strong>info</strong>成功<a href="#" class="alert-link">链接</a></div><div class="alert alert-warning" role="alert"><strong>info</strong>警告<a href="#" class="alert-link">链接</a></div><div class="alert alert-danger" role="alert"><strong>info</strong>危险<a href="#" class="alert-link">链接</a></div><div class="alert alert-warning alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button><strong>Info!</strong> Better check yourself, you're not looking too good.</div></div>
</body>
</html>Bootstrap组件_警告框相关推荐
- Bootstrap系列之警告框（Alert）
文章の目录 1.示例 1.1.链接的颜色 1.2.添加其它内容 1.3.关闭警告框 2.通过 JavaScript 触发行为 2.1.触发器 2.2.本组件所暴露的方法 2.3.本组件所暴露的事件 写 ...
- Bootstrap组件_按钮组
按钮组通过按钮组容器把一组按钮放在同一行里.通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为.<!DOCTYPE html> <html lang="en&qu ...
- Bootstrap组件_路径导航，标签，徽章
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- Bootstrap组件_导航
标签页注意 .nav-tabs 类依赖 .nav 基类.<!DOCTYPE html> <html lang="en"> <head><m ...
- Bootstrap组件_输入框组
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- Bootstrap组件_媒体对象，列表组
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- Bootstrap组件_进度条
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- Bootstrap组件_巨幕，页头，缩略图
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- Bootstrap组件_分页
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
最新文章
- 【SLAM】ORB-SLAM：让人Orz的SLAM
- android sd卡列目录文件_Android正确获取SD卡目录及使用SD卡目录
- python主要用于后端开发还是前端,Django是用于前端还是后端？
- bzoj 4557: [JLoi2016]侦察守卫 树归
- Sublime3 快捷键
- [css] 有哪些方式可以对一个DOM设置它的CSS样式？
- 记一次尴尬的git reset丢失分支故障
- TCP 三次握手和四次挥手个人理解
- python怎么打印图片_Python打印图片
- Docker 方式搭建 Prometheus + grafana
- 襟翼是什么？——浅述飞控襟翼系统
- 【最新】网站下载工具，整站下载工具汇总
- 硕士论文——页眉页脚设置
- 解决Quartus.18.0版本 usb bluster插上蓝屏问题
- 云上的日子电台php源码,云上的日子超炫酷音乐电台源码2.0更新，支持全网收费音乐外链获取...
- 电容0.1uF和104有什么区别？
- 考验AI对代词的理解力，解读艾伦AI研究所公布的数据集“QUOREF”
- 齐次坐标表示向量与坐标理解
- 单一用户登录，即当前用户登录后要踢出前一个登录，即做出踢人效果，如何实现？
- poj 2228 Naptime（DP的后效性处理）