问题标签 [zurb-foundation-5]

我想知道Zurb Foundationtable是否有许多专栏的修复。显然，3 到 6 列table仍然会响应......但我的表有 12 列。而且我认为框架会将滚动条放到表格中。

但我的问题是，它没有。那么我怎样才能把水平滚动条放到table? 我想在表格到达其父级的水平边界时给它一个滚动条（在我的例子中是 a div）：

但它不起作用。我尝试将其scroll bar改为父级div：

而且......它的工作原理。但要width长约 100 像素。

有人可以帮我解决这个问题吗？我正在寻找Zurbs Foundation 框架内的解决方案，但如果在框架之外还有其他解决方案，我仍然不胜感激。

谢谢。

如何在 magellan 的选项或 css 中定义不同的 fixed_top 值，以适应各种设备上的不同标头高度？我的页眉高度从中等的 60 像素到大的 120 像素不等。

Magellan 选项的内联性质胜过我用来在媒体查询中更改它的所有 css。

我也尝试过交换以换出值，但无济于事。

由于某种原因，我的ng-click指令没有在使用 AngularJS、Foundation 和Angular Foundation库的下拉菜单中被调用。点击链接不起作用，但我目前更关心ng-click工作。

在下面的代码中，单击链接TOP-LEVEL在导航栏上起作用。但是，当您单击用户名并出现下拉菜单时，单击出现的注销链接不会执行任何操作。控制台中没有警告或任何东西。

该应用程序设置在根 HTML 元素上：

控制器设置在 body 标签上：

HTML

JavaScript

我们无法让 Foundation 5 的 Abide 验证功能与 turbolink 一起使用。

基金会文档建议我们使用：

http://foundation.zurb.com/docs/components/abide.html

但是，我不确定当 turbolinks 更改页面时如何触发它。

从 turbolinks 文档看来，我们可以执行以下操作：

https://github.com/rails/turbolinks

我不确定如何让 Foundation reflow 与 Turbolinks“page:change”一起使用。

有任何想法吗？

这里的任何帮助都会令人惊叹，我已经无能为力了。我一直在努力解决这个问题大约 9 个小时。

我有一个使用 Zurb 基础构建的完成站点。还有一些额外的 javascript，但有一个合适的 js 文件。

我添加了 index.php、footer.php 和 header.php，以便将站点转换为 wordpress 站点。但是，在安装主题后，所有与 js、css 和图像相关的链接都断开了。我会喜欢任何形式的帮助。

完成的网站应该是这样的（代码不一样）： http ://brookeseggleston.tribaldroid.com/zfbrookeseggleston/index.html

但目前看起来像这样：http: //69.195.124.159/~brooket7/

谢谢！

I am trying to set the focus of an input field inside my form when I reveal a modal using ZURB Foundation framework. I am really truly sorry if this question has been asked before I've been having problems finding a solution to this for a while.

This is what I have:

Everytime I click a button this modal pops up and I want my input field (textarea) to be in focus when I do that. I tried adding the autofocus attribute and I also tried using javascript to set the focus when I click the button or when this div shows or loads (onshow and onload methods). Nothing seems to work for me so any help will be much appreciated.

我的 Joyride 效果很好。它在页面加载后开始。当单击停止按钮或完成游览时，它会停止。我的重新启动链接重新启动了兜风之旅。仅有的...

添加 Joyride 设置，cookie_monster: true防止每次访问时重新开始游览。好的！不幸的是，它还阻止了重新启动链接的工作。这种行为是有道理的。start 函数不知道它是在页面加载时调用还是从链接调用。该链接必须使用其他方法，或设置某些内容以绕过 cookie 检查。

您知道让用户在被cookie_monster首次显示设备隐藏后启动 Joyride 的魔力吗？

正文标记：

Javascript：

我试图让这种布局在移动设备上作为桌面工作。可以通过复制列并使用 show-for-small/large 来实现，但我只想通过使用推/拉状态或类似的东西来实现它（所以没有重复标记）。

中/大：

小的：

这适用于大型，但显然不适用于小型。http://jsfiddle.net/2rmfas9r/

有没有一种简单的方法来实现所需的布局？

我正在尝试使用基础在中心制作带有徽标的导航。

所以：

这是我的小提琴

我想将导航标签下的所有导航内容和徽标分开。我使用推/拉类来对齐它。问题是，即使它在代码的同一行中，它也不起作用？为什么？

我正在使用Foundation 5-Framework。我想创建一个带有面板的导航。当我添加面板时，导航栏始终位于面板顶部。

这是我的代码：