问题标签 [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.
javascript - 显示模式中的 Google Map API 未完全显示
我在 div 内的 Google Map 遇到问题，单击按钮后会在屏幕上弹出。谷歌地图只是部分显示。我知道我需要创建一个调整大小的事件，但不知道如何放置它或放置在哪里。任何帮助将非常感激！请记住，我对JS知之甚少！
链接到测试站点：点击 GOOGLE MAP 按钮查看手头的问题：
http://simplicitdesignanddevelopment.com/Fannie%20E%20Zurb/foundation/contact_us.html#
我的谷歌 API 脚本：
包含地图的 div：
单击按钮时调用地图的脚本：
css - 试图阻止 div 在调整大小时改变高度位置
我正在用我自己的自定义媒体查询尝试 zurb 基础响应式设计框架。我的网站在这里存在用户名：anders 密码：reading61 现在我的问题是当我在 1200px 和 768px 之间调整网站大小时，带有文本技能的 div 会上下移动，并且前一个 div 之间的距离不一致，什么我希望它一直有大约 20 px 左右的距离，我尝试过绝对位置但是会破坏宽度，因为列与前一个 div 不同，因为它基于 zurbs css。希望这不会令人困惑。
这是我的CSS
这是我的 html/php
javascript - 使用 Zurb Foundation 在 Top-Bar 中使用 Postfix 按钮输入
我正在尝试使用 Zurb-Foundation 在我的顶部栏中获取带有后缀按钮的文本输入，如下所述：http: //foundation.zurb.com/docs/navigation.php#btopCode
但是，使用以下代码时，按钮始终位于输入下方：
像这样：
node.js - 使用 Compass + Sass Foundation 3 部署 Node.js 的 Heroku
尝试使用 SASS + Compass Foundation 3 启动并运行我的应用程序并且遇到问题，我已经更新到 cedar 堆栈上的 node.js buildpack。我收到警告：在 package.json 中没有指定 Node.js 的版本，但是我正在指定一个版本。我不确定这是否是因为我现在在我的仓库中有一个 Gemfile 和一个 Compass 的 config.rb 文件，但一切都在本地运行良好。
zurb-foundation - 使用 ZURB Foundation CSS 框架创建页脚
我正在使用 ZURB 基础 CSS 框架来设计一个网站。目前我正在尝试创建一个将留在页面底部的页脚。我有以下页脚代码，但它不会到底部，而是显示在中间。
你能告诉我如何创建一个将留在底部的页脚（使用 ZURB 基础框架）吗？
responsive-design - 如何设置“断点”以使用 zurb 基础网格堆叠一行
假设我在 12 列网格上有一个包含两个元素的行：
通常它们并排显示。喜欢：
但如果屏幕小于 XXX，它将显示为好像有 2 行......
zurb基金会能做到吗？或任何其他框架？
编辑：我想自己指定断点（XXX）的值。不仅依赖于默认行为。
zurb-foundation - Foundation 使用什么来进行语法高亮？
我正在使用 CSS 的 Foundation 构建一个博客，我需要能够在不执行的情况下在帖子中发布代码（主要是 php、js 和 html）。现在我在标签内发布代码<pre>。
我在 Foundation 的文档中注意到他们的代码示例有一些样式，但我不知道它是否包含在 Foundation 框架中，或者他们是否使用了外部的东西。
你可以在这里看到一个例子：
css - 两列，全高，响应式布局。使用哪个框架？
我想建立一个具有两列全高（100% 的视口）布局的站点。左栏应该包含一个固定高度的导航和一个特定的背景。右栏应包含不同的背景和主要内容。
我玩弄了 Bootstrap 和 Foundation，但似乎都让背景/列的这种组合很难设置。我找到了一些使用 jQuery 的解决方案，但恕我直言，这会给原本不难实现的东西带来另一层可能的混乱。
在我开始创建自己的 css 之前：有没有一种简单的、没有 JS 的归档方式，可以在 Bootstrap、Foundation 或任何其他成熟的框架中查看？我希望能够在主要内容中使用列、选项卡等，这样框架可以为我节省大量编码。
谢谢！
grid - Zurb 基金会语义网格问题
Zurb Foundation 很棒，除了语义网格之外的一切都很好。我安装了 zurb-foundation gem（最新的公开版本）；从 Zurb 官方网站到 index.html 和 app.scss 的语义网格复制粘贴标记示例和 Scss 示例，它工作不正确：页面对“中等景观”和较低格式没有响应，当我调整页面大小时 - 滚动条是出现。我在https://groups.google.com/forum/?fromgroups=#!topic/foundation-framework-/Yjh_9f21foQ和这个页面上发现了同样的问题- http://szabinho.com/zurb/很好地说明了我在说什么。大家可以给我看看Zurb的语义网格的实际例子吗？它是一个非常强大和酷炫的框架，但有一件事阻止了我使用——这个烦人的麻烦。希望你能帮助我。谢谢！
raphael - Raphael Image Rotator 和 Zurb 基金会
我正在尝试实现 Raphael 图像旋转演示：
http://raphaeljs.com/image-rotation.html
作为Foundation框架中的一个滑块，但是我不能让它在旋转时不切掉侧面就让它居中，请看这里
http://jcfolio.co.uk/current/index-raphael.html
当我将地球仪宽度增加到 2000 像素（png 的全宽）时，它不会居中！
认为这可能是我错过的简单事情！非常感谢任何帮助。
詹姆士