Twitter bootstrap 如何在自定义类上引用无效的sass样式?

Twitter bootstrap 如何在自定义类上引用无效的sass样式?,twitter-bootstrap,sass,bootstrap-4,Twitter Bootstrap,Sass,Bootstrap 4,在引导程序中,我们可以使用一个名为的类,该类无效。我正在使用一个单独的验证工具,将类输入验证错误添加到问题无效的元素中我无法更改该名称。我也不想复制无效的已经提供的样式 有没有办法从SASS借用的混音或配色方案无效并将其应用到名为输入验证错误的自定义类?当然,您可以简单地使用@extend .input-validation-error { @extend .is-invalid; } 演示: 相关:你就是Zim的人。我完全忘了扩展。也谢谢你的例子!很抱歉,我遇到了一个问题…我意识到我

在引导程序中,我们可以使用一个名为
的类,该类无效。我正在使用一个单独的验证工具,将类
输入验证错误
添加到问题无效的元素中我无法更改该名称。我也不想复制
无效的
已经提供的样式


有没有办法从SASS借用
的混音或配色方案无效
并将其应用到名为
输入验证错误
的自定义类?

当然,您可以简单地使用@extend

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



相关:

你就是Zim的人。我完全忘了扩展。也谢谢你的例子!很抱歉,我遇到了一个问题…我意识到我不是在npm网页包项目上,而是在使用Bootstrap 4作为给定项目的CDN。是否有任何我可以扩展的内容。从远程位置无效?或者这不可能?不,不可能,因为必须首先在服务器上编译SASS。明白。谢谢提示:您必须导入scss文件,而不是css。在我的结构中@import“./lib/bootstrap/scss/bootstrap.scss”;。首先,我包含了css文件,在编译时出现了一个错误“不兼容的单位:'rem'和'em'。”。