如何在基础站点 6 中扩展 small-12（或其他类似）类？答案

【问题标题】：How can I extend small-12 (or other similar) class in foundation sites 6?如何在基础站点 6 中扩展 small-12（或其他类似）类？
【发布时间】：2016-03-31 21:29:22
【问题描述】：

如何在基础站点 6 中扩展 small-12（或其他类似）类？

没有设法扩展small-12，在基础文件中也没有找到这个类？请指教...

@import '../bower_components/foundation-sites/scss/foundation.scss' ; 

 .form-field {
    @extend .small-12   
}

错误：“.form-field”无法@extend“.small-12”。
   The selector ".small-12" was not found.

   Use "@extend .small-12 !optional" if the extend should be able to fail.

【问题讨论】：

您是否确认您要导入的文件实际上包含您要扩展的类？您不会无缘无故地收到该错误。
我为该类搜索了整个目录但找不到它。所以我很困惑基础如何定义我可以使用的类。

标签： sass zurb-foundation

【解决方案1】：

经过进一步挖掘，这似乎可行......

@import 'settings/_settings.scss';

@import '基础'; @include 基础-一切；

.form-field { @extend .small-12

}

【讨论】：