0

我已经在 Zurb 的网站以及 SO 上的其他帖子上搜索了答案，但没有找到任何似乎可以解决这个问题的东西。

我正在使用 Foundation 6（尝试了站点和 Zurb 模板）。许多实用程序类都在工作，例如顶栏、行、大、小、中列、类等。默认模板也可以工作，并显示不同的标注元素、按钮等。

Foundation 5 中可用的一些实用程序类在 6 中不起作用，例如 text-left、text-right、float 类（例如左右）或颜色类（例如白色、黑色等）。我相信还有其他的但这些是我迄今为止遇到的课程。

我检查了 app.scss 以确保没有任何内容被注释掉。我还检查了 gulpfile.js，它包括所有资产、基础站点的 SASS，并且没有注释掉任何 javascript 文件。

例如，来自Zurb 站点的这段代码，在 v5.5.3 下不会激活面板类或 Foundation 6 中的左右浮动。

<div class="panel clearfix">
  <a class="button right">Float Right</a>
  <a class="button left">Float Left</a>
</div>

在我的 default.html 布局中，我有以下样式表：

<link rel="stylesheet" href="{{root}}assets/css/foundation.min.css">
<link rel="stylesheet" href="{{root}}assets/css/app.css">

和以下 javascript 文件：

<script src="{{root}}assets/js/jquery.min.js"></script>
<script src="{{root}}assets/js/what-input.min.js"></script>
<script src="{{root}}assets/js/foundation.min.js"></script>
<script src="{{root}}assets/js/app.js"></script>

我是否遗漏了文件引用，是否还有其他东西可以检查以使这些类正常工作，或者这些实用程序类在 Foundation 6 中不再可用？

4

1 回答 1

0

答案显然是更改了一些类名，而其他类名可能已被删除。在更新概述类的 F6 文档之前，它需要在 css 中搜索服务于该目的的类或添加自定义类。

编辑：为了进一步澄清，我发现此页面上列出的颜色 - http://foundation.zurb.com/sites/docs/global.html是指使用的颜色，但类不起作用。

例如，将“alert”作为类添加到元素应该将它们涂成红色，这在上面引用的页面上列出。

他们的示例，将“次要”添加到按钮元素。

要为组件着色，请将颜色的名称添加为类。

<button class="button">Primary Action</button>
<button class="secondary button">Secondary Action</button>

它不会改变颜色，因为“.secondary”不是 Foundation 6 中的 css 类。我通过查看 _settings.scss 文件发现这些实际上是应用于不同类的 SASS 全局变量。.success 和其他文件也是如此。".alert" 是一个类，但仅在与其他颜色一起应用时才设置样式。

如果您没有找到您正在寻找的类或者某些东西不起作用，看起来最好检查 _settings.scss 文件。

于 2016-01-25T20:09:57.583 回答