问题标签 [zurb-foundation-6]

我想开始为网站使用框架基础，但在阅读了 DOCS（http://foundation.zurb.com/sites/docs/installation.html）后，我感到困惑：

• 为什么我应该使用包管理器来下载一堆 html、css 和 javascript 文件？
• 还是堆里还有别的东西？

我在 Windows 上工作，我知道或多或少 html、css 和 javascript，但我是前端框架的新手。

感谢您的关注。

下面是我的html示例代码：

对于 JavaScript：

我的问题是，为什么显示模态总是显示为大？类tiny不工作，但full确实。我不知道为什么它不起作用。这是我的小提琴。

我正在使用 Zurb 6 并尝试使用可见性类在中小型屏幕上隐藏一些元素，但是我的桌面被检测为中型屏幕。为什么是这样？

我的全屏宽度是 1920 像素，我没有更改断点（复制在下面，这里有示例代码隐藏在我的桌面上。

在移动设备 brealpoint 上，如何配置 Foundation 6 响应式菜单以从下拉菜单切换到下钻菜单？

Foundation 文档中的最后一个示例在中等或较大视图中按预期工作，但仍然在小视图中显示水平菜单！

基本上，我如何让菜单表现得像旧的 Foundation 5 菜单一样？

这个标记几乎可以工作，向下钻取有点工作，但菜单项仍然水平排列。

我已经在 Zurb 的网站以及 SO 上的其他帖子上搜索了答案，但没有找到任何似乎可以解决这个问题的东西。

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

Foundation 5 中可用的一些实用程序类在 6 中不起作用，例如 text-left、text-right、float 类（例如左右）或颜色类（例如白色、黑色等）。我相信还有其他的但这些是我迄今为止遇到的课程。

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

例如，来自Zurb 站点的这段代码，在 v5.5.3 下不会激活面板类或 Foundation 6 中的左右浮动。

在我的 default.html 布局中，我有以下样式表：

和以下 javascript 文件：

我是否遗漏了文件引用，是否还有其他东西可以检查以使这些类正常工作，或者这些实用程序类在 Foundation 6 中不再可用？

我尝试使用 Webpack 加载 Foundation 6 scss。

这是我非常简单的main.scss文件：

这是我的电话app.js：

这是我的 webpack.config.js：

运行后webpack-dev-server --content-base src/，生成的index.html文件包含以下内容：

为什么只有Foundation的scss的初步评论？
可能是一个错误sass-loader？

我无法加载整个 Foundation 的所有 scss 文件。

对于未从 gulpfile.js 编译 javascript 的站点，Foundation 6.1.2 存在问题 - 有时它会更频繁地工作而不是不会。我最终会遇到“未捕获的引用错误 $ 未定义”错误。

这是一个库存的“foundation new --framework sites --template zurb --directory”安装。对 gulpfile.js 没有任何更改。我的 app.js 只包含 $(document).foundation(); 这就对了！

就像我有时说的那样，单个 javascript 文件将被编译到 /dist/assets/js/app.js 中，但它们不会。

除了普通的成功输出之外，没有控制台错误，也没有任何输出到终端[终端也没有错误-我已经尝试了 cygwin 和 sublime 终端-都一样。]

有没有人看到这个并修复了......这令人难以置信的沮丧！

I'm using JointsWP (an excellent Foundation 6 port to Wordpress).

I'm using the Sass version and it's working great. However, I seem to have to install npm with every project. Is this nessesary?

Is there a way to install npm globally and link to it from my project? Or have the project find it automatically?

使用 Foundation 6，我尝试获得一个响应式顶栏，其中包含切换动画（小屏幕）。

我有这个：

但即使在导入motion-ui 库之后，也不会发生过渡。
只是粗略display:none的display:block菜单，反之亦然。

当我替换为时它可以工作data-responsive-toggle，data-toggle但我会失去响应能力。

这是关于Foundation 6的错误吗？

所以我是 Foundation 的新手，尤其是使用 Yeti Launch 应用程序。为什么如果我使用 Yeti Launch 制作新项目，我无法在 git 上制作我自己的 repo。

如果我通过 CLI 创建项目并使用“npm start”而不是我对 git 的权限？

我想我要问的是如何/是否可以在 Yeti 中创建一个新项目并在我的 git 上同步？