问题标签 [zurb-foundation-6]

我正在使用全新安装的 Foundation 6 并尝试设置一个可关闭的切换框（http://foundation.zurb.com/sites/docs/toggler.html）。

出于某种原因，我收到了这个错误。

Uncaught TypeError: Cannot read property '_init' of undefined

在foundation.core.js的第245行。

这是我页面上的 HTML，直接来自 Foundation 文档中的可关闭示例。

这是我在 .html 之前的 HTML 底部的 javascript </body>。

我不确定我在这里做错了什么或我错过了什么。如果我加载整个 Foundation javascript 库，一切正常，但这对于我需要的东西来说完全是矫枉过正。

在 Foundation 6 文档中：

由于典型的默认浏览器字体大小为 16 像素，因此需要计算网格大小。如果您希望您的基本字体大小不同并且不影响网格断点，请设置$rem-base为$global-font-size并确保$global-font-size是像素值。

我照原样做，我的 12 列网格有 1050 而不是 1200px。这是一个问题rem-calc()吗？这可以以某种方式修复或绕过？

它不是重复的，类似主题的任何回应都没有帮助。

可能这个问题已经被问过了，但英语不是我的母语，我无法表达我的搜索问题，我也在谷歌搜索了大约 1-2 小时。所以请原谅我。

这是我的问题；

如您所见，由于名称长度不同，按钮没有水平对齐。

这是我的代码；

如您所见，我在后端使用 RoR。另外，我在前端使用 Foundation 6。

由于 div 大小不是绝对的，我不能使用边距。我尝试了几件事，但没有任何效果。

我希望在 Foundation 6 中创建一个粘性顶栏。

在基础 5 中，这很容易；只需将“粘性”类添加到顶部栏。

在 Foundation 6 中，我相信您必须像这样使用新的“粘性”属性（http://foundation.zurb.com/sites/docs/sticky.html）：

然而，顶部栏看起来很奇怪，因为它没有占据网页的整个宽度。

在 Foundation 6 中创建粘性顶栏的正确方法是什么？

I wish to create a vertical navigation bar that tracks current location in Foundation 6 just like the ones found on the documentation:

http://foundation.zurb.com/sites/docs/installation.html

(the right hand side where it says "on this page")

I have a good idea how to create the navigation like so:

But I don't know how to highlight the correct link on scroll.

How do I do this?

我尝试在Zurb Foundation 6中将一列居中。

我正在使用以下默认类：small-6 small-centered columns，但在 ChromeDevTool 中，我注意到 float.columns:last-child:not(:first-child)覆盖了.small-centered.columns.

当我插入多列时，一切正常，除了最后一列。是基金会的bug吗？

JSFiddle

我目前正在使用 Foundation 6 中的 orbit.js 滑块，但没有看到显示幻灯片编号的选项。

您能否就此提供建议或分享示例。

谢谢！

我对Foundation 6很陌生，我不太了解如何处理图像。

文档说了很多事情：

http://foundation.zurb.com/sites/docs/starter-projects.html#asset-copying：

Gulp 会将 src/assets 文件夹中的所有内容原样复制到最终项目的 assets 文件夹中。请注意，Sass 文件、JavaScript 文件和图像不属于此复制过程，因为它们有自己的步骤。

http://foundation.zurb.com/sites/docs/starter-projects.html#image-compression：

默认情况下，所有图像都按原样从 assets/img 复制到您的 dist 文件夹。在为生产构建时，图像通过 gulp-imagemin 运行以进行压缩。该插件支持 JPEG、PNG、SVG 和 GIF 文件。

位于src/assets文件夹中的图像不会被复制到dist/assets. 那么，这是否意味着我应该手动复制它们？那时的目的是src/assets/img什么？

此外，在 Foundation 5 中，我正在调整各种格式的图像大小以与 Interchange 一起使用。Foundation 6 是否有更高效的流程？

那么，我应该如何处理图像资产？

谢谢！

我曾经使用基础 5，它使用指南针来做 sass 的事情。但现在我切换到foundation 6，我总是做不到。运行 gulp 时，显示错误：

我在这里找到了一个答案：http ://foundation.zurb.com/forum/posts/36389-what-is-import-utilutil ，上面说foundation 6使用libsass，但我不知道libsass并且确实想使用指南针因为我已经在我的项目中使用了 commpass mixins 和类似功能。我尝试了他们所说的方式，但没有成功。有人知道如何使用指南针使用foundation 6吗？顺便说一句，我使用命令行使用我需要的所有工具生成基础项目，然后使用基础 5 复制并粘贴我的旧项目，然后将 grunt 放入新的基础 6 文件夹中。谢谢。

我正在尝试使用 scss 在 Foundation 6 顶部栏中使用填充来增加锚标记的可点击区域。Foundation 6 出于某种原因似乎不允许这样做。我尝试将 display 属性设置为 inline-block 和 block 但填充仍然不会影响链接的大小。

您可以增加 li 元素的填充，但这不会增加链接的可点击区域。

我真的不知道如何在没有安装基础 6 scss 项目的情况下进行测试，所以我只是直接发布 html 和 css。

所以这是我添加到 app.scss 文件中的 css

这是一些示例html