html - Zurb Foundation 快速混合

Question

我已经安装并使用了 Zurb Foundation 4.3.2。

并努力继承基金会的内联列表类。

我使用这段代码创建了一个内联列表

<ul class="inline-list">
...    
</ul>

从这份文件中: http://foundation.zurb.com/docs/v/4.3.2/components/inline-lists.html

我明白了，因为我可以像这样创建自己的类

.your-class-name { @include inline-list; } 

在我的 app.scss 文件中。

然后我写了这段代码

<ul class="your-class-name">
...
</ul>

但是它没有继承inline-list，也没有样式。我做的对还是错？请帮助我

Answer 1

已解决。我写的不对。应该是

.your-class-name { @include .inline-list; }

我打错了，内联列表前没有“.”符号。这是错误的代码

.your-class-name { @include inline-list; }