问题标签 [zurb-foundation-6]

刚进Foundation 5，然后6出来了。现在我遇到了顶部栏菜单代码的问题。具体来说，当我将浏览器从大尺寸调整为中尺寸时，我希望顶部菜单选项消失并且菜单图标（汉堡）出现。当我点击汉堡图标时，导航链接垂直显示。这在 5 中有效，但在 6 中我无法弄清楚。

到目前为止我所拥有的 - 减去菜单图标代码。这有效，顶部栏显示在我的页面上的链接。

我找到了一个可行的解决方案，但整个页面消失了，直到我单击菜单链接 - 很奇怪。

谁能告诉我我需要做什么？或者，给我指出一个很好的教程，展示如何添加菜单图标？

感谢您的帮助，一如既往。

Foundation 6: NavBar logo works locally on my machine but when I upload to server it does not appear. Site: www.adolfobarreto.atwebpages.com

I've searched through the code and can find no errors. Any Ideas?

Thanks Adolfo

Html:

SCSS:

问题示例在这里： http: //liveweave.com/fRs3PL

基本上，我有一个从下拉列表中触发的模态，由于某种原因，模态隐藏在灰色阴影后面，然后在片刻后完全消失。

这里发生了什么？！

问题是我的 index.html 不会从姊妹文件夹加载 css 文件。我尝试了各种 Browsersync 选项，但都没有奏效。

进入我的第二天试图弄清楚这一点。我在 Python 的 Flask 框架中工作，它类似于 Laravel 等。我的任务管理器是 Gulp，前端框架是 Foundation 6。我是 Flask 和 Gulp 的新手。几年前，我曾经在 Laravel 中使用 Grunt 和 Livereload，然后让 scss 和浏览器重新加载工作。记忆虽然消失了。

我的文件结构应该是典型的 Flask，只是这里的相关文件夹：

Browsersync 似乎是这样设计的，所以你必须在 html 文件下有 css。我已经用 /root 和 /app 文件夹中的 index.html 对此进行了测试，它可以工作。但是，我需要 / 想要 /templates 中的 html。

在 /app/templates/index.html 中：

我在根目录和 /foundation 中使用 Browsersync 和 Gulp.js 文件的命令行。

如果我使用“app/templates”进行设置，Browsersync 服务器将提供来自 /templates 的 html，但是它找不到 css。如果我将 /static/css 移动到 /templates 中，则正确的 index.html 文件会在浏览器中很好地呈现。所以 Browsersync 使用旧的 pre-app 框架布局。它只是无法处理姐妹文件夹的路径。

我已经考虑过他们的代理选项，但到目前为止找不到解决方案。我在网上没有找到很多设置示例，也没有一个有用的。

现在我只是用 Foundation 6 对应用程序的 html 页面进行桌面布局，还没有设置开发服务器，只是我的 MBP 上的一个文件夹。

有任何想法吗？请 ：-）

您能否在我无法使其工作的 Foundation 6 Accordion 相同的代码上提供帮助。我不确定我错过了什么。另外，我将所有 js 和 css 文件都保存在同一目录中。

如果有人尽早提供帮助，我们将不胜感激。

我正在尝试使用可以使用 data-closeable 和 data-close 属性关闭的foundation6/站点的标注，但是我无法使其正常工作。

示例： http: //liveweave.com/Ls8x3p

正如您在示例中看到的，当单击 X 时，标注确实获得了淡出等类，但它并没有消失。

少了什么东西？

谢谢！

我从后端开发人员开始，我对前端了解一点。在这个周末，我做了一个爱好，然后就卡在这里了。

我遵循本教程： http: //foundation.zurb.com/apps/docs/# !/menu-bar 我不知道为什么菜单显示不正确：

源 HTMLview-source:http://localhost:8080/vyhndotnet/registration.jsp#

结果：

（foundation.min.css 加载正确，没有断开链接）
帮助我正确显示菜单使用 Zurb 基础。谢谢！

我无法让导航栏停留在窗口顶部。我试过使用“粘性数据”，但没有。无论我做什么，它都会随着页面滚动。我还尝试将类添加到中小型导航中。有什么建议么？

html:

CSS：

我是Foundation 6初学者。

我使用 Foundation 6 制作了一个响应式网站。通过 Processwire 的 Fancybox 运行顺利。现在我已经实现了 F6，并且没有更多的花式框....照片在新页面中打开。

http://olikehrli.ch/galerie/

有没有人建议原因可能是什么？它和以前完全一样，但现在有了框架……它必须是 F6 的东西。

谢谢你的帮助

雅各布

这些是标题中 Fancybox 的链接

PHP中fancybox的链接

这是在html的底部

我在我的主页上放置了一个 1200 像素 X 900 像素的英雄图片。问题是当我调整浏览器大小时它会倾斜。我试过以 100% 的比例使用 px、%、height 和 width，但似乎没有任何效果。有任何想法吗？

html:

CSS：

我的网站地址是http ://adolfobarreto.atwebpages.comThanks-Adolfo