一些基金会5实用程序类不工作在基金会6

我搜索了Zurb的网站上的答案以及SO上的其他帖子，但还没有发现任何似乎解决此问题的东西。一些基金会5实用程序类不工作在基金会6

我正在与基金会6（尝试这两个网站和Zurb模板）。许多实用程序类正在运行，如顶栏，行，大，小，中栏，类等。默认模板也可以工作，并显示不同的标注元素，按钮等。

某些实用程序在Foundation 5中可用的类不在6中工作，例如文本左键，文本右键，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中不再可用？

来源

2016-01-24 Bill

你确定你的CSS文件实际上包含你正在使用的类吗？ – cimmanon

可能的重复：http://stackoverflow.com/questions/34537431/foundation-6-not-compiling-correctly-with-gulp – cimmanon

@cimmanon，良好的通话。我刚刚检查并发现颜色类不包含在内，而.left和.right现在是.float-left .float-right，而.clearfix仍然存在。我只是偶然找到浮法类，同时寻找其他的一些。任何机会有一个参考文档的某处，显示什么类已经从基金会5改变了？ – Bill

答案显然是一些类名更改，其他类可能被删除。在更新概述类的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”是不是在基金会6 CSS类，我发现通过在_settings.scss文件看是什么那些实际上是上海社会科学院全局变量是适用于整个不同的班级。这对于.success和其他人来说是一样的。 “.alert”是一个类，但只有在与其他颜色一起使用时才会被设置样式。

看起来像是最好检查_settings.scss文件，如果你没有找到你正在寻找的类，或者如果有什么不工作。

来源

2016-01-25 20:09:57 Bill

一些基金会5实用程序类不工作在基金会6

回答

相关问题