问题标签 [zurb-foundation-6]
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.
html - 英雄图像文本覆盖在浏览器调整大小时移动
我在我的英雄图像上放置了几个标题标签。当我调整浏览器大小时，文本叠加层会上下移动。关于如何将文本固定在英雄图像中间的任何想法？
html:
CSS：
html - Foundation 6 Sticky Topbar 在小型浏览器调整大小时行为不正确
我的网站上有一个粘性顶栏。它在大型和中型上都可以正常工作，但是当它变小时，它会产生 54px 的高度。我将类粘性容器设置为高度：0；如果我刷新浏览器，它就可以工作。当我离开并再次返回时，54px 的间隙再次出现。有任何想法吗？谢谢-阿道夫
html:
CSS：
javascript - 如何防止 Foundation 6 中的手风琴动画
我正在尝试使用 Foundation 6 创建一个使用手风琴进行组织的表单。我想向手风琴标题添加输入和按钮。通常，当单击手风琴标题时，它会通过滑动来切换其内容。我想禁用此效果，这样如果我单击标题中的按钮，内容将不会切换，因为如果每次单击按钮时它都会扩展和收缩，这真的很烦人。
我有类似的东西：
我试过event.preventDefault()and event.stopPropagation()，它们没有效果。似乎 Foundation 6 以某种方式覆盖了事件堆栈？
编辑：澄清一下，我想防止手风琴在点击时打开和关闭，而不仅仅是删除滑动动画。
css - 如何使用网格行混合
我正在努力理解这个 mixin 是如何工作的。文档提供的示例是...
这就是我在我的 SCSS 中所拥有的...
我想要做的是创建一个有 20 列而不是默认的 12 列的行。
SCSS 似乎编译得很好，但是那个 mixin 没有向我的 CSS 输出任何东西。
html - 如何在 Foundation 6 中内联列表 ul？
我似乎找不到在 Foundation 6 中内联列表“ul”（它是 li 元素，因此它们水平而不是垂直显示）的正确方法（F5 有一个“内联列表”类）
好的，所以我发现了这个： http: //foundation.zurb.com/forum/posts/36854-where-is-inline-list-in-foundation-6
但是将类“菜单”添加到 UL 元素会使其全宽，失去正确居中对齐 ul 的能力（我希望能够准确地居中 ul）。根据文档，您可以左对齐或右对齐但不能居中对齐？ http://foundation.zurb.com/sites/docs/menu.html#item-alignment
感谢帮助
html - 基础 6 中的面板未渲染
这里是基础 6 的新手，所以可能缺少一些简单的东西。我试图让面板渲染，但它只是没有显示给我。我错过了什么吗？
无论我是否放入 div = 面板，都没有区别。它看起来与之前或之后相同。
愚蠢的问题，但我是否必须从 Web 服务运行它才能呈现这些？
我使用命令行提示安装了foundation 6。
谢谢！
html - Zurb Foundation 6 app.scss 与 _settings.scss
Zurb Foundation 6app.scss中的vs_settings.scss有 什么区别？
html - 100% 宽度的响应式表格
这是代码：
CSS
这是小提琴：
https://jsfiddle.net/emilcieslar/zc37ydys/
如您所见，当页面宽度小于表格宽度时，有 4 列和滚动类使表格可滚动。但是，如果我想让表格宽度为 100%，它保持不变，不会拉伸。我可以看到表格标签本身被拉伸，但内部没有拉伸。这是由于 table 是 display: block 引起的，但是它必须是 display: block，否则它将无法滚动（在水平轴上）。如何在保持响应的同时实现 100% 宽度的表格？
css - 如何使用基础显示模态？
由于 cake3 使用的是基础框架，我该如何使用显示 moadl 功能？
我尝试简单地将其复制并粘贴到我的视图中：
但是当我测试它时，我没有收到任何错误，而且 div 是可见的而不是隐藏的，并且“点击我查看模式”也没有任何作用。
为了在蛋糕中使用它，我是否需要包含任何其他文件？
php - OffCanvas 菜单基础 6
刚刚使用 Foundation 6 在 Wordpress 中工作，我正在使用非画布为移动设备构建菜单。但是我似乎有一个问题，内容没有加载到屏幕外菜单中，下面是我使用的代码，我把东西放在错误的地方了吗？外部 div (dragoncove_mobile_menu) 的原因是我有媒体查询来显示不同大小的不同菜单。我将在下面列出，尽管我已经尝试过没有查询并且没有任何变化。