问题标签 [zurb-foundation]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - 如何使用 rails 3.1 覆盖 Zurb Foundation css 属性？
嗨，我正在开发一个新的 Rails 应用程序，我刚开始使用 Foundation。
我使用
rails g 基础：安装
一切都按预期工作（我的意思是我可以在我的源代码中看到 css，以及它的视觉效果；p）
我只是不明白如何覆盖 Zurb Foundation 的默认属性......
我在网上看到我应该编辑一些foundation.css或app.css，但我的应用程序文件夹中似乎没有任何类似的文件......
我通过编辑 gemfile 然后进行捆绑安装来完成安装。
干杯
jquery - 用于构建原型的 jQuery 框架
我想知道是否有替代解决方案
ZURB 基金会 http://foundation.zurb.com
用于在 jQuery 中构建原型。我需要： - 网格 - UI 元素
如果您使用 nay，请给我您的意见和反馈： - 易于使用 - 跨平台跨/浏览器
谢谢
ruby-on-rails - 集成 Simple-form 2.0.0 和 Zurb
在新的 simple_form gem ( 2.0.0 ) 中，有一个 twitter 包装器。但我更喜欢使用 zurb-foundation。所以我尝试创建这个包装器。
任何人都有一些输入来创建包装器？
html - 使用带有网格布局框架的固定位置
所以我正在创建一个网页，其中左侧的菜单是固定的（当您上下滚动页面时它们会跟随您）。我目前正在使用网格布局：Foundation (by zurb) http://foundation.zurb.com/docs/grid.php。它使用十二列网格。我在定位固定布局并同时使用网格时遇到问题。如何在页面上使用网格布局和固定元素？
我能够使用这种结构获得固定位置来工作，但在某些情况下，菜单的内容变得太大并且与八列的内容重叠。我不知道是否有更好的方法来做到这一点？
wordpress - Zurb 基础 jquery 依赖项
我想知道是否有人知道zurbs 基金会的哪些 js 文件需要 Jquery。我正在 wordpress 中构建我的 functions.php 文件，我想为脚本设置依赖项（如果有的话），以便保证在 Jquery 文件之后加载它们。这是文件列表
- 现代器.js
- 基础.js
- 应用程序.js
哪些又依赖于 Jquery？
css - 任何熟悉移动可见性和 zurbs 基础的人
我正在尝试在平板设备和台式机上隐藏 div。我正在使用 zurbs 基金会http://foundation.zurb.com/docs/layout.php这样做。但是，当我尝试应用类时hide-on-tablets，hide-on-desktops第二个会以某种方式覆盖第一个类，并且会hide-on-tablets显示在平板电脑上。我可以创建自己的媒体查询并将它们隐藏在两者上，但我认为我应该利用类或拥有所有代码的意义。您可以通过调整浏览器大小在我的网站http://goodmorningmoon.ca上查看它。该网站的密码是 springy88
提前致谢。
Foundation.css 可见性
我的 HTML
haml - 在 zurb 轨道插件中为带有 haml 的幻灯片提供标题
我正在使用轨道来满足幻灯片放映要求，但是我无法添加字幕。
文档是这样说的：-
我正在使用haml并做这样的事情：-
这显然会产生错误，因为我无法给出像:data-caption我尝试了很多东西但无法正确使用的语法，但有人可以帮忙吗？
css - IE 8 给出了 Zurb 基金会的问题
我正在使用 Zurb Foundation，它几乎适用于所有浏览器，但它在 IE8 上会中断并且看起来像图片。
我该如何修复它？
用代码更新
html - 带渐变和箭头的 CSS 动态大小按钮的最佳实践
我正在使用 Zurb Foundation 框架，并且正在尝试制作一些号召性用语按钮，这些按钮的大小是动态的，带有文本、背景渐变和右向箭头。
我可以想到三种可能的方法来做到这一点：
让一个元素包裹另一个元素并设置两个背景的样式，使一个具有渐变，另一个具有位于右侧的箭头。
只拥有一个带有渐变背景的元素，并将箭头作为 img 放在我的 html 中。
使用一个元素和一个背景图像，包括整个事物的渐变和箭头。
这些选项中的每一个都在某种程度上感觉不对 -
我有一个纯粹出于风格目的的非语义 div。
我的 html 中有一个 img，尽管它是纯粹的风格。
感觉像是一个肮脏的解决方案，特别是如果按钮是可扩展的。
这些选项的最佳实践是什么，或者有没有我没有考虑过的方法？当 Zurb Columns 缩放时，如何确保按钮与正确位置的文本和箭头很好地缩放？
非常感谢！:)
javascript - 第二个 zurb 显示模态窗口 - 可能吗？
我正在使用 Zurb 的 Reveal 在网页上显示模式窗口。
我必须在已经打开的模态窗口（后者包含一个表单）上显示一个小的模态窗口。
我添加onclick="$('#ypopup').reveal();"到表单上的一个a元素，并将#ypopup（第二个模态 div）的 z-index 设置为 9999。这样第二个模态显示得很好。
但是当我关闭它时，不仅第二个模态消失了，而且第一个模态的背景也消失了。第一个模态仍然可见，但不能关闭。只有页面重新加载有帮助。
是否可以在打开的显示模式窗口上有第二个显示模式？