Bootstrap5 颜色2

简介: Bootstrap 5 提供了一系列预定义的颜色类,用于设置文本和背景颜色。文本颜色类包括 `.text-muted`、`.text-primary` 等,背景颜色类包括 `.bg-primary`、`.bg-success` 等。这些类可以组合使用,以确保在不同背景下文本的可读性。

Bootstrap5 颜色
Bootstrap 5 提供了一些有代表意义的颜色类:.text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body (默认颜色,为黑色) and .text-light:
背景颜色
提供背景颜色的类有: .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark 和 .bg-light。

注意背景颜色不会设置文本的颜色,在一些实例中你需要与 .text-* 类一起使用。

实例


背景颜色


重要的背景颜色。


执行成功背景颜色。


信息提示背景颜色。


警告背景颜色


危险背景颜色。


副标题背景颜色。


黑色背景颜色。


浅灰背景颜色。


相关文章
|
1月前
|
容器
Bootstrap5 轮播1
Bootstrap5 轮播组件用于创建循环播放的幻灯片效果。通过设置 `carousel` 类和 `data-bs-ride="carousel"` 属性,结合指示符、图片容器和切换按钮,可实现自动或手动切换的图片轮播。
Bootstrap5 轮播1
|
2月前
|
前端开发
Bootstrap5 颜色2
Bootstrap 5 提供了一系列预定义的颜色类,用于快速设置文本和背景颜色。文本颜色类包括 .text-muted、.text-primary 等,背景颜色类如 .bg-primary、.bg-success 等。这些类有助于快速美化界面,但需注意背景颜色类不自动调整文本颜色,必要时需配合 .text-* 类使用。
|
2月前
|
前端开发
Bootstrap5 颜色1
Bootstrap 5 提供了多种预定义的颜色类,如 .text-muted、.text-primary 等,用于设置文本颜色,表示不同的意义,如柔和、重要、成功、警告等。还支持设置文本颜色透明度为 50%,使用 .text-black-50 和 .text-white-50 类。这些颜色类同样适用于链接。
|
1月前
|
JavaScript 前端开发
Bootstrap5 提示框
Bootstrap5 提示框是鼠标悬停时显示的小弹窗。通过在元素上添加 `data-bs-toggle="tooltip"` 和 `title` 属性来创建,并需在 JS 中调用 `tooltip()` 方法初始化。可使用 `data-bs-placement` 属性设置提示框显示位置(top、bottom、left、right)。
|
前端开发
Bootstrap样式(下)
Bootstrap样式(下)
|
7月前
|
前端开发 JavaScript 容器
bootstrap样式
bootstrap样式
|
7月前
|
前端开发 JavaScript 容器
BootStrap 组件和样式
BootStrap 组件和样式
74 0
|
前端开发 JavaScript 容器
Bootstrap 布局容器
Bootstrap 布局容器
60 0
Bootstrap 布局容器
|
前端开发 JavaScript 容器
Bootstrap 栅格样式
Bootstrap 栅格样式
53 0
|
前端开发 JavaScript
Bootstrap 图片样式
Bootstrap 图片样式
46 0

热门文章

最新文章