问题标签 [zurb-foundation-5]

我想在 Foundation-Zurb 框架中将文本框和按钮连接在一起，在它们之间没有任何空格。 我已经从所有内容中删除了边距。

所以我想我可以试试 Foundation 框架，我遇到的第一个问题是下拉菜单中的 class="active"。

我想要的是应用于用户当前正在查看的页面链接（在下拉列表中）的类，如果这很容易完成，任何帮助将不胜感激。

不幸的是，我搜索了 Foundation Docs 和万维网，但一无所获。

我正在使用 Zurb Foundation 5 框架和 ReduxFramework 作为主题选项面板开发 WordPress 主题。因此，我可以通过多种方式为 WordPress 主题实现配色方案。

1. 使用具有不同配色方案的不同样式表。
2. 使用 css 类和 id
3. +更多方法............

但是，我不想这样做。ReduxFramework 可以动态更改 css 文件并写入 class 或 id。我想这样做。所以我可以从 ReduxFramework Options 面板动态修改 Foundation 5 css 样式表类和 id。并且更改后，必须更改主题配色方案。

Foundation 5 有 6 种主要颜色可供选择。我想从 ReduxFramework 选项面板中更改它们。

1. 原色
2. 次要颜色
3. 警报颜色
4. 成功颜色
5. 正文字体颜色
6. 标题字体颜色

还有什么方法可以修改或更改 Redux Framework 中 Foundation 5 CSS 框架附带的每个选项。

请转到此图片链接。{在新标签中打开此图片以获得更大的视图}

现在的问题是，我该怎么做这些事情？

我不知道 PHP、JS、HTML、CSS、MYSQL 等。如果您在答案中描述所有内容，这对我会更有帮助。

这个问题是从Foundation 5 的 wp 主题中的 Unlimited Color Schemes 重新发布的 - WordPress 开发堆栈交换：。一位知名用户建议我在这里问这个问题！

带有股票填充的通知上的关闭按钮非常接近内容。有没有办法调整关闭按钮的填充或边距，或者有人有更好的建议，可以让通知的内容比关闭按钮有更多的空间？

我正在运行基础 5 并使用 magellan，并尽可能地尝试它始终如一地突破网格。我是新手，任何见解都会有所帮助。当我第一次加载页面时，它在网格内正确定位。当我向下滚动时，magellan 菜单会跳到左边并填满页面的整个宽度。我再次向上滚动，它并没有改变（意味着它仍然一直向左），即使它从浏览器窗口的顶部“脱离”自身。我目前只在我的本地主机测试服务器上有它。我在 windows 的 Firefox 和 chrome 上看到了同样的问题。

这是我的代码：

我真的很感激任何见解。我已经让自己发疯了太久了。这一定是可能的 - 在文档页面上，麦哲伦似乎正确地停留在网格的中间列：http: //foundation.zurb.com/docs/components/magellan.html

我将 Foundation 5 与 Sass 一起使用。在_settings.scss 中，您可以更改行和装订线的宽度。默认情况下，行设置为 1000 像素，但如果您在 Photoshop 中测量 12 列页面的宽度，则它只有 970 像素宽。我还发现装订线的宽度设置为 30px。

我的问题是：为什么 1000px 行实际上是 970px 宽？我需要担心吗？或者，如果我想要 1000 像素宽的页面，我必须将行设置为 1030 像素？

我遇到了几个错误，说“未捕获的 ReferenceError：未定义基础”。它们发生在以下情况：

在控制台中，我输入了 Foundation，然后得到：Object {name: "Foundation", version: "5.5.1", media_queries: Object, stylesheet: CSSStyleSheet, global: Object…}global: Objectinherit: function (scope, methods) {init: function (scope, libraries, method, options, response) {init_lib: function (lib, args) {libs: Objectmedia_queries: Objectname: "Foundation"patch: function (lib) {rtl: falsescope: documentset_namespace: function () {stylesheet: CSSStyleSheetutils: Objectversion: "5.5.1"__proto__: Object.

我还通过使用控制台验证了 jQuery 是否正常工作：$(document) 导致 [>#document]。

我在 Ruby (2.0.0) 上运行 Rails (4.2.1) 堆栈，并且一直在关注 zurb/foundation-rails 上的基本教程/演练。

我也尝试过 RailsApps/rails_layout gem，但遇到了同样的错误。

我唯一能想到的是，我在所有需要它的函数（abide、accordion 等）之后定义了 Foundation，但这不应该发生，因为骨架代码来自模板生成器。我在 RoR 或 Foundation 的结构方面没有经验，不知道是否是这种情况，所以我想知道我可以去哪里找到这个错误。

或者，如果这只是我的 Mac 的客户端问题。

我最近发现Foundation5有Block Grid，它很少在网上找到用例来展示使用它的重要性......或者它甚至是一个很棒的功能？因为我目前正在使用 Bootstrap3，发现它没有 Block Grid。所以我想知道它是否真的是一个值得关注的大功能。也许一些关键的用户案例会比使用基于列的网格更好的块网格。

谢谢！

我试图弄清楚如何使用Foundation 5获得与Bootstrap的列表组等效的列表组项边框和所有内容。

但是，似乎没有任何类似的东西。

我发现的唯一东西是 ul/li 在 Foundations 网站上的建议。 http://foundation.zurb.com/docs/components/typography.html

有任何想法吗？

更新：我想在 Foundation 中使用此列表组列出评论/评论评论。这里使用的是 Bootstrap。

我发现默认情况下，基础会这样做来设置行的样式：

但是，作为响应式框架，为什么会被限制在62.5rem？效果惊人的丑陋，它始终是一个固定宽度的盒子，无法随着屏幕的宽度流动。其背后的逻辑是什么？如果我用 100% 覆盖它会怎样？这会导致其网格系统出现问题吗？

谢谢你