twitter-bootstrap – 如何在rails / sass中重用(扩展)bootstrap

发布时间：2020-12-17 20:42:55 所属栏目：安全来源：网络整理

导读：我在core.scss文件中@import“boostrap”,它也导入其他scss文件(例如：_modals.css). 在modals.css中我想扩展一些引导类： .modal-container { @extend .row;} 并且扩展不能按预期工作： WARNING on line 42 of ……/_modals.css.scss: “.row” failed to @

我在core.scss文件中@import“boostrap”,它也导入其他scss文件(例如：_modals.css).

在modals.css中我想扩展一些引导类：

.modal-container {
  @extend .row;
}

并且扩展不能按预期工作：

WARNING on line 42 of
……/_modals.css.scss:
“.row” failed to @extend “.row”. The selector “.row” was not found.
This will be an error in future releases of Sass. Use “@extend .row
!optional” if the extend should be able to fail.

>我使其工作的唯一方法是再次@import“bootstrap”
_modals.scss但这实际上包含了这个文件中的整个bootsrap …

另一个解决方案是移动所有扩展css的定义
core.css文件 – 在这种情况下 – css的结构更少……

我该怎么做呢？

解决方法

问题是因为我还通过sass require / require_tree命令导入了文件.

*= require_tree ./autoinclude

如果所有文件都是通过@import函数导入的,那么一切正常！

@import "autoinclude/*";

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!