Bootstrap4 颜色

Bootstrap4 颜色

Bootstrap 是一个流行的前端框架，它为开发者提供了丰富的工具和组件来快速构建响应式和美观的网页。在 Bootstrap4 中，颜色是一个重要的组成部分，它可以帮助我们设计出具有吸引力和专业感的界面。本文将详细介绍 Bootstrap4 中提供的颜色选项、使用方法以及一些高级技巧。

Bootstrap4 颜色选项

Bootstrap4 提供了多种颜色选项，包括主题颜色、辅助颜色、警告颜色和文本颜色等。以下是一些常见的颜色选项：

主题颜色

Bootstrap4 的主题颜色主要分为两类：基础颜色和辅助颜色。

• 基础颜色：包括红色、橙色、黄色、绿色、蓝色、紫色和黑色。这些颜色可以作为背景色或边框色使用。
• 辅助颜色：包括白色、灰色、浅灰色和深灰色。这些颜色通常用于文本颜色或图标颜色。

辅助颜色

辅助颜色主要用于文本和图标，以下是一些常见的辅助颜色：

• .text-white：白色文本
• .text-gray：灰色文本
• .text-light：浅灰色文本
• .text-dark：深灰色文本

警告颜色

警告颜色用于表示错误、警告或提示信息，以下是一些常见的警告颜色：

• .text-danger：红色文本
• .text-warning：黄色文本
• .text-info：蓝色文本
• .text-success：绿色文本

颜色使用方法

Bootstrap4 提供了多种方式来使用颜色，以下是一些常见的方法：

1