<!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">&times;</span></button><strong>Info!</strong> Better check yourself, you're not looking too good.</div></div>
</body>
</html>

Bootstrap组件_警告框相关推荐

  1. Bootstrap系列之警告框(Alert)

    文章の目录 1.示例 1.1.链接的颜色 1.2.添加其它内容 1.3.关闭警告框 2.通过 JavaScript 触发行为 2.1.触发器 2.2.本组件所暴露的方法 2.3.本组件所暴露的事件 写 ...

  2. Bootstrap组件_按钮组

    按钮组通过按钮组容器把一组按钮放在同一行里.通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为.<!DOCTYPE html> <html lang="en&qu ...

  3. Bootstrap组件_路径导航,标签,徽章

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  4. Bootstrap组件_导航

    标签页注意 .nav-tabs 类依赖 .nav 基类.<!DOCTYPE html> <html lang="en"> <head><m ...

  5. Bootstrap组件_输入框组

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  6. Bootstrap组件_媒体对象,列表组

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  7. Bootstrap组件_进度条

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  8. Bootstrap组件_巨幕,页头,缩略图

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  9. Bootstrap组件_分页

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

最新文章

  1. 上传图片配置控制大小_esp32-cam拍照上传云平台,http协议传输
  2. Error:Kotlin: Module was compiled with an incompatible version of Kotlin
  3. MySQL编程技巧_MySQL编程中的6个重要的实用技巧
  4. 创建一个framework
  5. 7-4 求链式线性表的倒数第K项(最佳解法)(List容器)
  6. 20190811:只出现一次的数字(四种解法)
  7. 矩阵乘法 算法训练 试题_线性代数入门——矩阵乘法的定义及其意义
  8. SignalR+Redis,SignalR+Sqlserver集群部署应对海量链接
  9. hualinux0.6 网络篇:你懂得路由器的种类吗?
  10. 谷歌浏览器书签丢失,恢复工具
  11. VASP服务器第一次安装各种软件(中)
  12. 死链对网站的影响、产生过程、解决办法汇总
  13. A+B Problem——经典中的经典
  14. qr码生成_在PHP中生成QR码
  15. Python|Leetcode《306》|累加数
  16. 每周一篇 文献阅读—paper13
  17. 5,10,15,20-四-(4-二苯胺基-1-苯乙烯基)苯基卟啉(TPP-X4);紫色粉末5,10,15,20-四-(4-澳苯基)卟啉(TPP-Bra)齐岳供应
  18. 基于51单片机的8个小彩灯花样流水灯proteus仿真汇编语言
  19. 李沐动手学深度学习V2-实战Kaggle比赛:狗的品种识别(ImageNet Dogs)和代码实现
  20. Ubuntu 系列学习(一)Ubuntu常用命令

热门文章

  1. [读书笔记]鸟哥的LINUX私房菜 十三章 shell scripts
  2. [从架构到设计]第二回:对象的旅行---对象和人,两个世界,一样情怀(转载)...
  3. VS2008 快捷键总结
  4. SQL Server里的 ISNULL 与 Oracle 中的 NULLIF
  5. 基于SLF4J MDC机制实现日志的链路追踪
  6. 聊聊flink Table的ScalarFunction
  7. 榴莲还有奶油、花生味 印尼出新品售价近7000人民币
  8. CAP理论与分布式事务解决方案
  9. 基于VS Code创建Java command-line app
  10. 配置MongoDB复制集