Bootstrap 4 主题灰色变量集

Question

我不明白如何使用 Bootstrap 4 灰色变量集。 在文件中它说：

scss/_variables.scss 中的一组广泛的灰色变量和一个 Sass 映射可在您的项目中实现一致的灰色阴影。

但是如何使用它来设置样式呢？

我试过了：

<div style="color:gray('600')">Test</div>

文本显示为白色

我试过了：

<div class="text-gray-600">Test</div>

文本显示为白色

所以我真的不明白怎么用。

有人可以帮忙吗？

Answer 1

这些变量只能在 *.scss 文件中使用，不能作为 HTML 标签 (div) 中的 CSS 类

示例：

.custom-div {
  color: $gray-100;
}