BootStrap笔记-文本颜色链接颜色背景颜色
生活随笔
收集整理的這篇文章主要介紹了
BootStrap笔记-文本颜色链接颜色背景颜色
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
代碼如下：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>CN_TEST1</title><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- bootstrap css核心文件--><link rel="stylesheet" href="bootstrap-4.4.1-dist/css/bootstrap.min.css"> <!-- bootstrap使用到了jquery，需要提前引用--><script src="js/jquery-3.5.1.min.js"></script> <!-- 彈窗、提示、下拉菜單--><script src="bootstrap-4.4.1-dist/js/bootstrap.bundle.js"></script> <!-- bootstrap核心文件--><script src="bootstrap-4.4.1-dist/js/bootstrap.min.js"></script></head> <body><div class="container-fluid" style="background: orangered"><h1>文本顏色</h1><p class="text-muted">柔和文本</p><p class="text-primary">主要文本</p><p class="text-success">成功文本</p><p class="text-info">信息文本</p><p class="text-warning">警告文本</p><p class="text-danger">危險文本</p><p class="text-secondary">次要文本</p><p class="text-dark">暗色文本</p><p class="text-light">淺色文本</p><p class="text-white">白色文本</p><h1>鏈接顏色</h1><a class="text-muted">柔和文本</a><a class="text-primary">主要文本</a><a class="text-success">成功文本</a><a class="text-info">信息文本</a><a class="text-warning">警告文本</a><a class="text-danger">危險文本</a><a class="text-secondary">次要文本</a><a class="text-dark">暗色文本</a><a class="text-light">淺色文本</a><a class="text-white">白色文本</a><h1>背景顏色</h1><p class="bg-primary text-white">重要的背景顏色</p><p class="bg-success text-white">執(zhí)行成功的背景顏色</p><p class="bg-info text-white">信息提示背景顏色</p><p class="bg-warning text-white">警告背景顏色</p><p class="bg-danger text-white">危險背景顏色</p><p class="bg-secondary text-white">副標題背景顏色</p><p class="bg-dark text-white">暗色背景顏色</p><p class="bg-light text-dark">淺色背景顏色</p></div> </body> </html>程序運行截圖如下：
總結(jié)
以上是生活随笔為你收集整理的BootStrap笔记-文本颜色链接颜色背景颜色的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ios10中禁止Safari浏览器用户缩
- 下一篇： 判断textarea是否超过行数限制