问题标签 [zurb-foundation-6]

我正在使用 Gulp 来运行 compass、autoprefixer、minifier 和 rename。它工作正常，除了 Compass 没有捆绑新 Foundation 6 的所有组件。 Compass config.rb 文件导入我的 Foundation 6 SCSS 路径。基础目录导入了所有组件，但它只添加了 normalize.scss 中的内容。

如果我从命令行运行 Compass 本身，它会很好地捆绑所有内容。所以我不确定为什么 Gulp 不捆绑所有东西。

Gulpfile.js

pkg-core.scss

未最小化的捆绑 pkg-core.css 输出

我已经下载了新的 Zurb Foundation 6 完整包（Foundation for Sites）。存档文件包含以下文件和文件夹：

我在页脚中包含了 JS 文件，在页眉中包含了 CSS：

Chrome 中的错误

我尝试使用 REVEAL 组件（它在 Foundation 5 中工作），但这次它抛出了一个错误：

我查看了 Foundation.min.js 内部，其中包含 REVEAL。我下载了完整的包，所以它应该可以工作，但它没有。

应该触发模态的 JS 代码：

更新1：在新页面上尝试：

弹出窗口的文本出现在页面上，默认情况下它甚至没有隐藏，并且我收到错误：Uncaught ReferenceError: We're sorry, 'Reveal' is not an available method for Reveal尝试运行命令时：

从控制台。

Foundation 6 是一个新版本，我可能错过了一些东西。我从 Foundation 5 升级到 Foundation 6。Foundation 5 Reveal 工作正常，但是在更换到新的 Foundation 6 后，一些组件开始无法正常工作。

我检查了文档，初始化和类是相同的。

我在使用Foundation 6文件时遇到了一些问题，由于某些原因，它们只是不包括所有 sass 组件。我尝试使用 Foundation 5 并且效果很好。

这是我的吞咽任务：

这是我的 app.scss：

它适用于我自己的 sass 文件，但完全忽略了基础部分。

我正在尝试在我的网站上放置一些下拉按钮（文档： http: //foundation.zurb.com/sites/docs/dropdown.html）。我只是把它foundation.min.js放在我的页面上就可以工作了，但这包括所有的插件，而且非常大。我试图通过根据文档加载单个插件来设置它：http: //foundation.zurb.com/sites/docs/javascript.html。

我正在加载foundation.core.js，之后我还加载了键盘工具、盒子工具和下拉插件。

这是我得到的错误..

这个错误发生在foundation.core.js 的第245 行。即使我只加载 jQuery 而foundation.core.js没有其他 Foundation 文件，它也会发生。

任何人对导致此问题的原因以及如何解决此问题有任何想法？

我正在尝试将 zurb-foundation 6 包含到运行 grunt 的 yeoman 生成的项目中。使用bower install foundation-sites --save添加以下文件：

1. 在 app/index.html <script src="bower_components/what-input/what-input.js"></script>和
2. 在 app/styles/main.scss@import "foundation-sites/scss/foundation.scss";

生成的 main.css 不包含 zurb-foundation 的所有代码。

• 如何将基础中的所有必需文件添加到 main.css 中？
• 如何将基础初始化到站点中？

以上应该使用 grunt 或 gulp 完成，因此我不必为每个项目手动编写代码。

我在基础 6 中的顶部栏不知何故无法工作（不知何故，foundation.topbar.js 不存在）。所以，请帮我添加它。

我是基金会的新手——就像一个完全的菜鸟。我 13 岁。所以，请考虑一下。:)

这是整个代码：

这就是发生的事情：

这是我的 JS 文件夹：

我正在尝试各种解决方案来为博客构建一个小的特色图像网格，即最多三个图像的水平显示，上面覆盖有链接到博客文章的文本。具体来说，我需要它通过最多三个连续图像来很好地响应不同的屏幕尺寸。因此，如下所示：

当我使用 Foundation (6) 时，我想将它用于响应式网格。我已经尝试过Block Grids，但是在它们之间添加填充时，在保持覆盖文本的位置时遇到了问题。考虑以下示例（不使用块网格，因为它们垂直堆叠）：

敏锐的眼睛会注意到段落元素不符合父文章元素的宽度。因此，这个问题有两个组成部分：

• 如何限制重叠文本段落的宽度以适合父元素，同时允许图像之间的空间以及它们在行内的均匀分布？
• 使用 Foundation 的响应式网格（或其他组件）的实现会是什么样子，加上图像保持在一行中的附加约束？

将基础 5 升级到 6 后，我遇到了遵守验证问题。即使我输入正确的数据，它仍然显示无效。

交付时，Foundation for sites 6 CLI 会在调用 gulp 任务 pages:reset 时生成错误。每当您在 src/layouts 或 src/partials 中编辑文件时，都会发生这种情况。

显然， gulp.run() 已被弃用。

使用运行序列修复问题。

gulpfile.js 的第 80 行左右：

我最近切换到使用 Foundation 6，并按照文档中有关构建顶栏的示例进行操作，我发现子菜单上的链接不起作用。我看到这个问题是在这个问题的 github 上提出的，但我仍然不清楚在 Foundation 6 中处理子菜单链接的预期方法是什么。这是我在文档中使用的示例，没有下面的链接子菜单工作：

我真的很感激这方面的任何帮助！