Bootstrap 4 如何使用Sass生成引导样式

我下载了npm引导包，进入

node\u modules/bootstrap/dist/css/bootstrap.css

，查看了

。alert danger

样式：

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

当我搜索这些颜色代码时，它们不会出现在任何其他文件中。这些代码在哪里定义/计算？

---

我对使用Sass定制这些值很感兴趣，我正在尝试保留特殊性覆盖作为我的最后手段。

您可以在

node\u modules/bootstrap/scss/\u variables.scss

文件中找到主颜色，但是dist bootstrap.css文件中的颜色与\u variables.scss中的颜色不同

引导从_variables.scss中的主颜色生成dist颜色：

lighten($table-dark-bg, 7.5%)

darken($link-color, 15%)

rgba($red, .1)

---

.alert danger在第47行的scss/_alert.scss中定义，引导程序使用循环在一个位置生成所有颜色类型“danger，warning，primary…”。好的，谢谢！我几乎弄明白了，我只需要知道

的颜色在哪里。警报链接

在哪里。你知道吗？在scss/mixin/alert.scssAh中，明白了。就像寻宝一样，哈哈。谢谢！！您可以使用ack工具轻松搜索代码。是的，我将在VisualStudio代码中进一步研究grep搜索，也许我在寻找错误的搜索词，不确定。当时确实需要一些指导。：）