Question

我在Zurb的网站上搜索了答案以及其他帖子，但是没有找到任何可以解决这个问题的内容。

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

基础5中可用的一些实用程序类在6中不起作用，例如text-left，text-right，float类（如左右）或颜色类（如白色，黑色等）。我敢肯定还有其他人，但这些是我到目前为止所遇到的课程。

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

例如，来自Zurb site的v5.5.3下的代码不会激活面板类或基础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中不再可用？

Answer 1

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

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

例如，添加＆＃34; alert＆＃34;作为元素的类应该在上面引用的页面上列出红色。

他们的例子，增加了＆＃34; secondary＆＃34;到按钮元素。

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

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

它不会改变颜色为＆＃34;。次要＆＃34;在Foundation 6中不是css类。通过查看_settings.scss文件我发现的是那些实际上是SASS全局变量，它们应用于整个不同的类。对于.success和其他人来说也是如此。＆＃34; .alert＆＃34;是一个类，但只有在与其他颜色一起使用时才会设置样式。

如果您没有找到您正在寻找的课程或者某些内容不起作用，请查看_settings.scss文件。

某些Foundation 5实用程序类在Foundation 6中不起作用

1 个答案: