问题标签 [zurb-foundation-5]

我在使用 Foundation 5 时遇到问题，我试图让行 div 中的列具有折叠的排水沟。更具体地说，我有兴趣折叠外列排水沟，以便我的导航栏和标题 div 可以很好地对齐。我尝试将 .collapse 类应用于包含的行 div 以及每个列元素，但无济于事。

如果有人能帮我弄清楚我错过了什么，我将不胜感激！下面是页面问题部分的代码和屏幕截图，因此您可以看到我要完成的工作。

最终，我想在页面的两侧创建一个带有过渡渐变（蓝色到灰色）的窄垂直条。如果可以在排水沟中执行此操作，那也将是解决我的问题的好方法。提前致谢！

在 Foundation Zurb 5 中，是否有任何现成的 Tablet Portrait 网格类？我注意到只有三个类（小、中、大）。如果我想在中等（平板电脑）纵向中单独布局而不在我的 css 文件中编写特定的媒体查询怎么办？我想要类似的东西（这对我的程序员来说很容易）：

如果我可以使用基础设置文件 (SASS) 生成这些类，我将不胜感激。

谢谢，

我正在尝试使用 zurb Foundation 5 下拉菜单实现 hoverIntent。问题是基础菜单在悬停时立即触发。这在使用大型菜单时会导致问题。

由于颜色变化，我可以看到我的事件触发器，但它不会影响巨型可见的悬停状态的时间。

示例可以在..foundation.myplumbingshowroom.com/testing.HTML查看

我正在使用foundation 5 topbar 并尝试使移动级别的下拉菜单位于页面内容的顶部，而不是向下推。

我尝试将 a 设置为相对，然后将其中的 ul 设置为 position: absolute ，z-index 很高，但这对我来说并没有发生。

任何帮助将不胜感激！

我有顶部栏导航所有设置，并且下拉菜单按预期显示。但是，当我单击下拉链接时，下拉列表就会消失。页面未按预期前进到 URI。

我被难住了...

使用 Zurb Foundation 5 框架，我想在较小的设备上将侧边栏菜单转换为下拉菜单，并在较大的设备上选择一个选项（例如，选择一个复选框）反映在较小的设备上。

假设我有一个包含复选框的侧边栏菜单，如下所示：

我想将此菜单转换为较小设备上的下拉菜单。我尝试了以下方法：

但我想要的是，当我检查时，例如，桌面上的 Apple，我希望它也能在较小的设备上进行检查，反之亦然。

我知道要将顶部栏转换为下拉菜单，有“切换顶部栏菜单图标”。但是对于我的侧边栏菜单，如何将其转换为反映在大屏幕上所做的更改（选中/取消选中复选框）的下拉菜单？

谢谢！

我已经将 Foundation Off-Canvas Menu 实现为 Multilevel Menu。当我使用文档中的原始代码示例时，我遇到了问题，即子菜单不起作用。它已显示但未格式化（未隐藏子级别），并且打开子菜单的单击事件也未触发。

对我来说，尽管我编译了整个基础框架，而不仅仅是特定的模块，但似乎有些部分没有编译。

有人知道我可以从哪里开始搜索吗？菜单的其他部分效果很好。

这是HTML代码：

这就是 SCSS 文件（app.scss）：

谢谢，迈克尔

我在我的站点中使用 atm 的 JS 库是 Joyride，我想自定义它如何与我的站点的某个部分一起使用。

我已将兜风应用到我的服务页面中的图标。这是我唯一想去上班的地方。但是，当我将兜风放置在这个特定位置时，我遇到了一个问题。

问题..当我的页面加载时，屏幕会自动滚动到一个随机位置..我猜它试图找到我称之为joyride的地方？

这不是我需要发生的事情..显然:)

我想要实现的是仅当用户直接到达服务页面（包含图标）而不是页面加载时才激活joyride，这意味着消除加载滚动。

有没有办法做到这一点？或者至少消除随机滚动放置问题。

这是链接

http://kapena.github.io/pp_web/

我想要一个使用基础 5的工具提示，该工具提示仅在单击时出现（悬停时禁用）并且可以关闭。

基本上是您在此兜风示例中看到的第一个工具提示的内容，但没有使用兜风。

我找不到修复它的方法，而且它的文档很少，这怎么可能被黑客入侵？

我遵循了foundation-icons-sass-rails gem 的所有说明，包括导入和预编译gem 的资产。但是，由于某种原因，我的基础按钮上没有显示图标。我将向您展示代码行。我到底在这里想念什么？