Bootstrap组件_警告框
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap组件_警告框
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!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>
?
總結(jié)
以上是生活随笔為你收集整理的Bootstrap组件_警告框的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Bootstrap组件_巨幕，页头，缩略
- 下一篇： Bootstrap组件_进度条