问题标签 [zurb-foundation-6]

我使用的是Foundation 6，最后一个发布的版本。我的均衡器有问题。我想只为小屏幕打开均衡器。根据： http: //foundation.zurb.com/sites/docs/equalizer.html，当我使用它时： data-equalizer data-equalize-on="small" 它适用于所有屏幕尺寸。请帮我。

我正在使用 Foundation 6 并正在尝试该示例。我的问题是为什么“站点标题”与顶部栏的其余部分不对齐，它更靠前一点。

在 Foundation 6 中，jQuery scrollTop 不适用于移动设备：

此问题由 提供.off-canvas-wrapper，它使移动菜单面板工作并具有overflow-x: hidden

我找不到有关此的解决方案.. 感谢您的帮助。

根据 Laravel 文档

在其他框架中，分页可能非常痛苦。Laravel 让它变得轻而易举。Laravel 可以根据当前页面快速生成智能的“范围”链接，生成的 HTML 兼容 Bootstrap CSS 框架。

我的问题是 Foundation 也与 Laravel 的分页兼容？

ZURB 基础 6 的要求是什么？文档不清楚： http: //foundation.zurb.com/sites/docs/sass.html

他们说：

首先，首先使用 Bower 或 npm 安装框架文件。

那么 Bower 是否需要在 Sass 中使用 Foundation ZURB 模板？

我正在为我的网站使用 Foundation 6。我的顶栏有问题。在鼠标悬停时出现第二级导航。但是，它需要几秒钟才能在鼠标移出时消失。它看起来像被跟踪了。

HTML：

CSS：

将 zurb Foundation 6 与 bower 一起使用，使用 _settings.scss 文件自定义它的正常工作流程是什么，以便该文件不会保留在 bower_components 文件夹中。

这个答案说我们可以复制设置文件，然后将其导入我们的 app.scss。

在我的自定义 scss 文件夹中，我使用 _settings 文件作为模板制作了一个 settings.scss 文件，但在这种情况下，我还必须在设置文件导入时复制整个 utils 文件夹。（或更改 utils 的导入路径文件夹到 bower_components 中的那个）。

有一个更好的方法吗 ？？

编辑

我正在使用 gulp 编译 sass 文件。

这就是 app.scss 现在的样子（foundation.scss 是一个从 bower_components 内部导入 scss 文件的文件，而 settings 是 _settings 文件的一个克隆并进行了一些更改）

我喜欢这个想法flex-grid并且想知道我是否正确使用它。我使用 Foundation 6 / SASS 开始构建并做了@include foundation-flex-grid;

在构建基本页面时，我在 DevTools 中注意到 Kitchen sink 中的某些项目正在使用它们的显示设置的项目的block样式float。

例子：.title-bar

元素.title-bar-left并.title-bar-right在其上具有相应的浮点数。我知道浮动网格在 flex-grid 中是不必要的。

我的问题：

1. 我应该继续使用flex-grid还是应该做一些额外的事情来提前删除/替换这些样式？

2. 在我看来，Foundation Site 上的 Kitchen Sink是为普通网格量身定制的，只需稍加修改就可以安全地使用这些元素 flex-grid，还是需要大量重写 SASS/CSS？

我有一个简单的注册表单，其中包含一个为电子邮件设置的输入标签。我正在使用 abide 来验证电子邮件。那行得通，但我想创建自己的错误消息并在我选择的页面上设置元素样式。这可能吗？

我发现这个我知道没有验证电子邮件输入（我似乎找不到遵守用于验证电子邮件的代码）

我假设如果我能够设置一个自定义验证器来模仿 abidie 已经做过的事情（电子邮件验证），那么当验证返回 false 时，我可以更改页面上我想要的所有元素。

好的，我有这个小问题，我正在使用 JointsWP 和 WordPress，并且还从 Typekit 加载自定义字体。字体加载会稍有延迟，并且在使用后备交换时它们会在屏幕上不断闪烁（下次再发）。我正在尝试使用均衡器（文档）来均衡两列的高度。

因为后备字体略小/更低，当 TypeKit 加载时，均衡器已经加载了它的高度，因此它有点短。例如，没有 Typekit 的高度是 320 像素，使用 Typekit 字体应该是 325 像素。我有来自 Typekit 的回调函数，它应该在字体加载完成后触发。

但是，我收到一个错误

Uncaught (in promise) ReferenceError: element is not defined(…)

我不确定为什么会这样。该脚本在页面末尾加载，基础 javascript 已经加载。

如果有人能为我解决这个问题，我将不胜感激。谢谢