我遇到this question,我觉得这可能对我有用,但遗憾的是不适用。
我希望完成的工作基本上是将Bottstrap的.input-sm
课程分配给我的网络应用程序中的所有<input/>
和<select/>
元素;但是我没有搜索整个项目并手动添加它,而是想通过css这样做,就像这样:
/*app.scss*/
@import "bootstrap.min.css";
input, select {
@extend .input-sm;
}
指南针抱怨它无法找到.input-sm
选择器;尝试上述问题中提出的建议:
/*app.scss*/
@import "bootstrap.min.css";
input, select {
@extend %input-sm;
}
也没有让我走得很远,因为罗盘仍然抱怨它找不到%input-sm
选择器,这次。
我是否注定要遍历我的所有页面并将.input-sm
课程分配给我的所有控件,或者我是否有其他的监督?欢呼声。
编辑:我不认为这个问题应该像用户@cimmanon建议的那样被标记为this other quesiton的副本,因为我在导入{{1}时没有遇到任何问题我的bootstrap.min.css
文件。导入工作,在编译时从导入的文件中引用类的可能性是什么。
编辑2 :好的,我意识到另一个问题,虽然我仍然确信不是这个问题的副本,但提供了一些见解,如何实现我的目标:只需将bootstrap的css文件重命名为scss
扩展名,即可使scss
命令正常工作。