如何将 is-invalid 的 sass 样式引用到自定义类中？

【问题标题】：How to reference sass styles of is-invalid onto a custom class?如何将 is-invalid 的 sass 样式引用到自定义类中？
【发布时间】：2019-04-04 03:33:38
【问题描述】：

在 Bootstrap 中，我们可以使用一个名为 is-invalid 的类。我正在使用一个单独的验证工具，将input-validation-error 类添加到问题无效的元素中。 我无法更改该名称。我也不想复制 is-invalid 已经提供的样式。

有没有办法从 SASS 中借用 is-invalid 的 mixin 或配色方案并将它们应用到我的名为 input-validation-error 的自定义类中？

【问题讨论】：

标签： twitter-bootstrap sass bootstrap-4

【解决方案1】：

当然，你可以简单地使用@extend...

.input-validation-error {
   @extend .is-invalid;
}

演示：https://www.codeply.com/go/IBJbBsznKP

【讨论】：

你就是@Zim。我完全忘记了扩展。也谢谢你的例子！
我很抱歉我遇到了一个问题......我意识到我不在一个 npm webpack 项目中，而是我使用 Bootstrap 4 作为给定项目的 CDN。无论如何我可以从远程位置扩展 .is-invalid 吗？还是那不可能？
不，不可能，因为必须先在服务器上编译 SASS。
明白。谢谢
注意：您必须导入 scss 文件而不是 css。在我的结构中@import "../lib/bootstrap/scss/bootstrap.scss";。首先，我包含 css 文件并收到错误“不兼容的单位：'rem' 和 'em'。”编译时。