问题标签 [zurb-foundation-6]

美好的一天，伙计们。关于这个问题，我已经尝试了几个小时。我想实现如下所述的大列位置，但我得到了其他东西。

如您所见，大屏幕中的 A 和 C 之间有很大的差距。我希望 C 能够在不使用任何技巧的情况下尽可能多地占用空白空间。

这是我尝试过的代码。

多谢你们！

编辑：

添加 jfiddle 示例： https ://jsfiddle.net/k18zw694/2/

我一直在尝试用很多不同的方式来做到这一点。我正在使用基础 6，尽管我无法找到负责的 css 值，但似乎顶栏类阻止了我正确使用基础列。

导航几乎是我想要的，我只想要一个搜索框自动调整大小，而不会将右侧的元素向下推。

这是一个代码笔，其中包括我尝试过的许多其他东西： http ://codepen.io/anon/pen/MKPPzm （不知道为什么“徽标”没有正确对齐，但它在我的机器上工作）下面是 HTML

我想让我的 Wordpress 博客文章自动输入到我的 Foundation 6 站点。因此，我在 Wordpress 上有一个博客，并且希望每次我写一篇文章时，它都会出现在我托管在其他地方的网站上。就像 Twitter 提要一样。

我使用 zurb Foundation 6，我对它非常满意。但我正在努力解决标题。我的目标是实现这样的主导航： 如何以图像（徽标）作为分隔符将菜单项置于水平导航中？

我的尝试是为导航项目使用 ul 列表：

我是一名前端开发人员，想要使用 express js 制作博客/作品集网站。

我过去曾使用 codekit 来编译、缩小和自动添加我的 JADE/SASS 文件，并缩小我的 JS 文件，但我不知道在全栈时从哪里开始。我一直在阅读 gulp （因为我认为这将完成 codekit 所做的所有事情），但我不完全理解我需要什么。

我也需要凉亭吗？我是否使用 NPM 控制所有 gulp 插件？

我如何让这一切与 Zurb Foundation 6 一起工作？

我几乎没有带有类reveal和元素的元素来切换它们。问题是，其中一些是从 ajax 响应中添加的。自然，这些从 ajax 响应添加的内容不起作用。通过一些谷歌搜索，我发现您需要再次初始化基础，所以我这样做了$(document).foundation();。漂亮，显示现在适用于新添加的元素，但它对旧元素的行为很奇怪（您需要单击两次才能现在工作）。所以我假设，为了让它正常工作，我需要取消初始化基础或至少在再次初始化之前显示。问题是，无论我尝试什么，它都不会成功。所以问题是 - 如何正确取消初始化基础或至少显示？

我正在尝试在基础中制作一个非画布菜单。我希望它从页面底部出现，而不是从右侧或左侧。我只希望菜单是水平的而不是垂直的，并且从底部进入，而不是从侧面进入。有知道Foundation 6的人知道怎么做吗？谢谢你！

由于我使用的是 Foundation 6 (6.1.2)，因此我的 JavaScript/jQuery 出现错误。

一个简单的

不再起作用并突然导致错误：

未捕获的类型错误：很抱歉，“对象”不是有效参数。您必须使用一个字符串来表示您希望调用的方法。

我究竟做错了什么？我不明白。不幸的是，Foundation 6 文档不是最好的，我无法在 Foundation 6 中找到如何处理它......

我有一个带有foundation 6 gem的rails应用程序，可以在本地很好地渲染，但是一旦我推送到dokku服务器，布局就不会被渲染。

在 chrome devlopper 控制台上，我发现以下错误：

我的宝石文件

编辑：我已经意识到在本地插入了 application.erb.html，但在 dokku 上没有。

我已经使用SASS安装了Foundation 6 for Sites ，并且正在使用Gulp进行编译。我正在尝试将Motion-UI库用于一些动画效果，并且我已经完成了很多工作。

预建动画的工作演示：http: //jsfiddle.net/4a9kux0r/7/

我遇到的问题是尝试使用可用于Motion-UI库的SASS 来创建自定义效果。mixins

为了处理它，我的 Gulpfile 中有以下内容...

因此，考虑到这一点，我正在使用的其余.scss文件被设置为部分：

和我的 app.scss 文件...

所以，总而言之，预先构建的动画工作正常，例如：

MotionUI.animateOut($('#foo'), 'fade-in');

但是，如果我尝试为它制作一个自定义的 mixin 来组合效果，就像这个SASS我已经放入我的_animations.scss部分

像这样的东西是行不通的...

MotionUI.animateOut($('#foo'), 'combineAnimate');

这可能只是我定义自定义动画的地方，或者没有正确导入某些东西等。这是我第一次使用 gulp 和foundation 6，我仍在尝试将它们拼凑在一起，因此真诚感谢任何帮助！

文档：https ://github.com/zurb/motion-ui/blob/master/docs/animations.md

它只是编译成这个 css 代码：