Bootstrap4 颜色

Bootstrap4 颜色

Bootstrap 4 是一款流行的前端框架，它提供了丰富的组件和工具，以帮助开发者快速构建响应式和美观的网页。在 Bootstrap 4 中，颜色是一个重要的组成部分，它为网页增添了活力和个性化。本文将详细介绍 Bootstrap 4 中的颜色系统，包括颜色变量、预设颜色和自定义颜色。

颜色变量

Bootstrap 4 引入了一个新的颜色变量系统，这使得开发者可以更加灵活地控制颜色。颜色变量通过定义一组预定义的颜色值，使得在全局范围内统一颜色风格变得简单。

以下是一些常见的颜色变量：

• $primary：代表主要的颜色，通常用于按钮、背景等。
• $secondary：代表次要的颜色，用于辅助元素和文本。
• $success：代表成功的颜色，通常用于表示成功操作或状态。
• $danger：代表危险的颜色，用于表示错误或警告。
• $warning：代表警告的颜色，用于提示需要注意的信息。

预设颜色

Bootstrap 4 提供了一系列预设颜色，这些颜色可以直接应用于各种元素，如按钮、文本、背景等。

以下是一些常见的预设颜色：

• .btn-primary：应用 $primary 颜色到按钮。
• .btn-secondary：应用 $secondary 颜色到按钮。
• .text-success：将文本颜色设置为 $success。
• .bg-danger：将背景颜色设置为 $danger。

自定义颜色

除了预设颜色外，Bootstrap 4