定义元素背景色 .bg-primary -定义:用于添加元素背景颜色; 实例: .bg-warning-subtle .bg-info .bg-danger-subtle 等Bootstrap中找到背景颜色... 尺寸(Sizing) 25%的宽度50%的宽度75%的宽度100%的宽度宽度自使用
{.alert-#{$state}{--#{$prefix}alert-color:var(--#{$prefix}#{$state}-text);--#{$prefix}alert-bg:var(--#{$prefix}#{$state}-bg-subtle);--#{$prefix}alert-border-color:var(--#{$prefix}#{$state}-border-subtle);--#{$prefix}alert-link-color:var(--#{$prefix}#{$state}-text...
bg-danger bg-danger bg-danger-subtle bg-danger-subtle bg-warning bg-warning bg-warning-subtle bg-warning-subtle bg-info bg-info bg-info-subtle bg-info-subtle bg-light bg-light bg-light-subtle bg-light-subtle bg-dark bg-dark bg-dark-subtle bg-dark-subtle bg-body-secondary bg-body-secon...
.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 html .bg-primary .bg-primary-subtle .bg-secondary .bg-seco...
Border subtle --bs-danger-border-subtle Text --bs-danger-text Warning — Theme color used for non-destructive warning messages. Warning --bs-warning--bs-warning-rgb Background subtle --bs-warning-bg-subtle Border subtle --bs-warning-border-subtle Text --bs-warning-text Info —...
--bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; ...
@include color-mode(dark) { .element { color: var(--bs-primary-text-emphasis); background-color: var(--bs-primary-bg-subtle); } } Together with the new $color-mode-type Sass variable, you can also change how color modes behave in Bootstrap. The default value is data, which tells...
--bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; ...
light-bg-subtle dark-bg-subtle primary-border-subtle secondary-border-subtle success-border-subtle info-border-subtle warning-border-subtle danger-border-subtle light-border-subtle dark-border-subtle Options enable-caret enable-rounded enable-shadows enable-gradients enable-transitions...
车企官网项目,技术储备中,因为比较习惯bootstrap框架,所以仍然在项目中使用bootstrap5.3版本。 原本发现Nuxt Modules里面有usebootstrap,不过发现这个模块,使用起来和原有的使用习惯不一样,而且没找到能全局引用bootstrap5.3自带的所有色盘的变量值的方法,所以放弃了。还是手动安装bootstrap,手动配置。