Bootstrap-全局样式的文本颜色和背景颜色

最新推荐文章于 2026-05-08 21:36:57 发布
原创 最新推荐文章于 2026-05-08 21:36:57 发布 · 2.2k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
Bootstrap

当前文章被收录于：

Bootstrap
2 篇文章 0 人学习
订阅专栏 查看详情
本文深入探讨了Bootstrap框架中的全局样式设定，包括五种文本颜色和背景颜色的应用，如.info、.warning、.success、.primary等类别的使用方法，帮助读者理解和掌握Bootstrap的基本样式设置。

Bootstrap-全局样式的文本颜色和背景颜色
.text-五种颜色 文本颜色
.text-info文本浅蓝颜色-提示
.text-warning文本黄色-警告颜色
.text-success文本绿色-成功颜色
.text-primary文本深蓝色-警告颜色

.bg-五中颜色 背景颜色
.bg-warning文本红色背景
.bg-success文本绿色背景
.bg-info文本浅蓝色背景
.bg-warning文本黄色背景
.bg-primary文本绿色背景

标签
#Bootstrap-全局样式的文本颜色和背景颜色
Bootstrap颜色对应对照表
大话家的博客
08-08 1万+
Bootstrap自带颜色：class = "bg-xxx" bg-red 红色 bg-yellow 黄色 bg-aqua 湖绿色 bg-blue 蓝色 bg-light-blue 浅蓝色 bg-green 绿色 bg-navy 藏青色 bg-teal 青色 ...
Bootstrap 样式之 元素背景颜色
热门推荐
cvper's world !
03-06 6万+
在Bootstrap中既有文本颜色的样式也有元素背景颜色的样式，我们先来看看元素背景的颜色有哪几种？一共五种背景色：分别是 bg-primary   bg-success    bg-info     bg-warning     bg-danger代码：<!DOCTYPE html> <html lang="zh-CN"> <head> <m...
Bootstrap中常用的文本颜色、背景颜色及边框色类
最新发布
xz_ike的博客
05-08 261
最常被忽略的是：text-body 不是灰色，而是当前 color 继承值；真正生效的逻辑是：bg-opacity-* 会覆盖元素的 background-color 为 rgba() 形式，并设 background-image: none，所以它只对纯色背景有效。更关键的是：border-opacity-* 类根本不存在——Bootstrap 官方没提供边框透明度工具类，想调边框透明度得自己写 style="border-color: rgba(...)" 或用 Sass 自定义。
bootstrap——颜色(文本、背景、边框)
admin_djp的博客
05-11 5517
颜色 文本颜色： text-muted"柔和的文本 text-primary 重要的文本 text-success执行成功的文本 text-info代表提示信息的文本 text-warning警告文本 text-danger危险操作文本 text-secondary副标题 text-dark深灰色文本 text-light浅灰色文本 text-white白色文本 <p class="text-muted">柔和的文本</p> <p class="text-prima
Bootstrap入门——情景文本颜色及背景颜色
好的品牌，自带传播力
09-18 5352
Bootstrap入门打卡1天：学习网址https://v3.bootcss.com/ 【全局CSS样式】-【辅助类】关于情景文本颜色和背景颜色的设置 其中，情景文本颜色可以分为六种 —— 1.文本颜色变浅：class为【text-muted】. 2.首选文本：class为【text-primary】。 3.成功文本：class为【text-success】。 4.信息文本：class...
BootStrap笔记-文本颜色&链接颜色&背景颜色
IT1995的博客
01-17 2708
代码如下： <!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"> <!-- bootstra
Bootstrap-全局样式的文本颜色,背景颜色和按钮颜色
苏木瑾
04-10 3192
记录学习笔记 .text-五种颜色 文本颜色 .text-info文本浅蓝颜色-提示 .text-warning文本黄色-警告颜色 .text-success文本绿色-成功颜色 .text-primary文本深蓝色-警告颜色 .bg-五中颜色 背景颜色 .bg-danger文本红色背景 .bg-success文本绿色背景 .bg-info文本浅蓝色背景 .bg-warnin...
Bootstrap 全局样式的文本颜色,背景颜色和按钮颜色
chuqiang9396的博客
07-19 1903
1、文本颜色 .text-五种颜色 .text-info文本浅蓝颜色-提示 .text-warning文本黄色-警告颜色 .text-success文本绿色-成功颜色 .text-primary文本深蓝色-警告颜色 2、背景颜色 .bg-五中颜色 .bg-d...
Bootstrap（四）CSS全局样式
qq_48315043的博客
01-14 2415
一、CSS全局样式——辅助类 文本颜色类 柔和的：<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&g
BootStrap4 文本颜色和背景颜色
抓更够
08-28 8711
BootStrap4 文本颜色和背景颜色属性值和显示效果
前端必知必会-Bootstrap 5 颜色
qq_24018193的博客
10-03 2513
本文介绍了Bootstrap 5 颜色的使用，如有问题欢迎私信和评论。
【Bootstrap 4】文本颜色和背景颜色
扬大酸奶的博客
01-04 2486
Table of Contents   文本颜色 背景颜色 文本颜色 &lt;p class="text-muted"&gt;柔和的文本&lt;/p&gt; &lt;p class="text-primary"&gt;重要的文本&lt;/p&gt; &lt;p class="text-success"&gt;执行成功的文本&lt;/p&am
Bootstrap如何添加背景颜色类？
长风破浪会有时的博客
11-28 1426
Bootstrap 提供了一系列的背景颜色类（background color classes），可以方便地为元素添加不同的背景颜色。这些类基于 Bootstrap 的颜色系统，包括多种预定义的颜色选项。
day40 Bootstrap文字背景颜色+网格系统（简单示例）
这这的博客
02-14 1958
Bootstrap文字背景颜色+网格系统（简单示例）。
Bootstrap 颜色
书香水墨
07-25 4934
一、Bootstrap 颜色 1.1 基本颜色 Bootstrap4 提供了一些有代表意义的颜色类：.text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark and .text-light: <di...
Bootstrap文字颜色和背景颜色
记录和分享属于我的“IT”时光。
02-06 1105
Bootstrap文字颜色和背景颜色
bootstrap-table的onClickRow事件（点击行改变行的背景颜色和其他属性）
cauchy6317的博客
08-24 6万+
需求：在bootstrap-table的表格中，点击某行改变该行的背景颜色和其他的属性。 官方文档 文档中分了option事件和jQuery事件，在这里我先用option事件完成需求，然后再用jQuery事件实现一次。之所以还要用jQuery事件实现一下是因为jQuery实现的过程有个注意点，在此记录一下。 第一部分：option事件 $("#companyTable").boo...
css设置导航栏背景颜色,更改bootstrap导航栏背景颜色和字体颜色
weixin_42462763的博客
08-03 4494
3 个答案:答案 0 :(得分：46)我使用以下CSS成功设置了Bootstrap导航栏的样式。你也没有在CSS中定义任何字体，这就是字体没有改变的原因。可以在here找到使用此CSS的网站。.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {colo...
BootStrap4工具类之文字颜色
爱喝水的qdy的博客
11-30 2783
目录官方文档地址其余文档地址文本颜色链接文本颜色背景颜色背景渐变整体代码 官方文档地址 https://getbootstrap.com/docs/4.4/utilities/colors/ 其余文档地址 菜鸟教程 https://www.runoob.com/bootstrap4/bootstrap4-colors.html bs4.vx.link http://bs4.vx.link...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值