背景 background
通过渐变来传达意义并添加装饰
背景颜色:设置背景颜色
.bg-primary
.bg-primary-subtle
.bg-secondary
.bg-secondary-subtle
.bg-success
.bg-success-subtle
.bg-danger
.bg-danger-subtle
.bg-warning
.bg-warning-subtle
.bg-info
.bg-info-subtle
.bg-light
.bg-light-subtle
.bg-dark
.bg-dark-subtle

.bg-body-secondary

.bg-body-tertiary

.bg-body
.bg-black
.bg-white
.bg-transparent
背景渐变:通过添加.bg-gradient类,线性渐变将作为背景图像添加到背景中。这种渐变从半透明的白色开始,逐渐淡出到底部
.bg-primary 渐变
.bg-primary-subtle 渐变
.bg-secondary 渐变
.bg-secondary-subtle 渐变
.bg-success 渐变
.bg-success-subtle 渐变
.bg-dange 渐变r
.bg-danger-subtle 渐变
.bg-warning 渐变
.bg-warning-subtle 渐变
.bg-info 渐变
.bg-info-subtle 渐变
.bg-light 渐变
.bg-light-subtle 渐变
.bg-dark 渐变
.bg-dark-subtle 渐变

.bg-body-secondary 渐变

.bg-body-tertiary 渐变

.bg-body 渐变
.bg-black 渐变
.bg-white 渐变
.bg-transparent 渐变
不透明度:从 v5.1.0 开始,实用程序使用 CSS 变量通过 Sass 生成。这允许实时颜色更改,而无需编译和动态 Alpha 透明度更改

附加样式:style="--bs-bg-opacity: .5;"

这是默认的成功背景
这是50%不透明度的成功背景, 附加样式:style="--bs-bg-opacity: .5;"

使用样式类:.bg-opacity-75 .bg-opacity-50 .bg-opacity-25 .bg-opacity-10

默认成功背景
75% 不透明度的成功背景 bg-opacity-75
50% 不透明度的成功背景 bg-opacity-50
25% 不透明度的成功背景 bg-opacity-25
10% 不透明度的成功背景 bg-opacity-10