Bootstrap 4中有多少种颜色可用？

Bootstrap 4是一套流行的前端开发框架，提供了各种组件和样式来构建网站。其中一个重要的组件是颜色，可以通过颜色类来轻松地改变元素的颜色。

在Bootstrap 4中，有以下9种颜色可用：

• primary（主色）：蓝色
• secondary（次要色）：灰色
• success（成功色）：绿色
• danger（危险色）：红色
• warning（警告色）：黄色
• info（信息色）：天蓝色
• light（亮色）：浅灰色
• dark（暗色）：深灰色
• white（白色）：白色

这些颜色类可以应用于文本、背景、按钮、导航等元素。例如，将按钮的颜色设为primary：

<button class="btn btn-primary">Primary Button</button>

可以使用以上的9个颜色类来自定义自己的颜色方案。例如，定义一个自定义的品牌颜色：

/* 自定义品牌颜色 */
$my-brand-color: #F44336;

/* 将主色替换为自定义品牌颜色 */
.btn-primary {
    background-color: $my-brand-color;
    border-color: $my-brand-color;
}

以上代码片段是一个Sass代码示例。在CSS文件中，可以通过类似这样的方法来自定义颜色。如果你使用的是Bootstrap的预编译版本（例如Sass或Less），则可以直接定义自己的变量，然后使用它们来改变颜色。如果你使用的是编译后的CSS文件，则可以通过编辑CSS文件来改变颜色。

综上所述，Bootstrap 4提供了9种基本颜色，可以根据自己的需求进行自定义。通过使用这些工具，你可以轻松地为你的网站设计出美观的颜色方案。