Foundation是一个由ZURB维护的跨设备CSS框架，用于构建原型和生产代码。
Zurb Foundation 是否可以在顶部栏菜单项中有一个普通按钮？这是一个例子： 黑色按钮就是我想要完成的任务。 这是 HTML 目前的样子...
我想使用 Flex 垂直对齐行菜单中的项目和行内容，但我似乎无法让代码工作。两个类都具有正确的高度，这是我通过使用 Fle 实现的...
在 Sass 中使用函数会返回包含函数名称的字符串，而不是结果
我正在尝试 Zurb Foundation 5。 因此，我创建了一个新项目并尝试更改设置。例如，当我更改 $row-width: rem-calc(1170); 时在 my-project/scss/settings.scss 中，它编译了（在 my-
Grunt、Compass、Foundation（foundationpress wordpress 主题）
我希望使用 grunt 将我的 javascript 从 js/custom/*.js 编译到 app.js 中。我希望拥有它，以便我修改/编写的任何脚本都可以在我的本地主机上编译和更新。 我有我的傲气
Foundation for Email 2 (zurb) 扩展按钮 - Gmail Android 纵向
有谁知道为什么我的按钮不适合 Gmail Android 上具有“扩展”类的列（纵向）？ 它在 Gmail 网络邮件、iCloud 邮件和
我正在使用 Zurb 基础，我正在尝试创建一个 css 属性，该属性将被调用并覆盖属性 float:right 他们给出最后一列。我知道他们提供了最终的结果...
在 Foundation 框架的 sass 设置中添加字母间距（6）？
$标题样式: ( '小的'： （ 'h1': ('fs': 24, 'lh': $header-lineheight, 'mt': 0, 'mb': $header-margin-bottom), 'h2': ('fs': 20, 'lh': $header-lineheight, 'mt': 0, 'mb': $header-margin-bot...
foundation new 命令失败，提示 npm Node 模块未安装
我对基本上所有事情都很陌生，我很抱歉。按照 https://foundation.zurb.com/sites/docs/installation.html 上的说明，我已使用 NPM 在全局安装了 Foundation CLI....
大家好， 我使用 Foundation Framework (6.8.1) 进行 TYPO3 网站的前端开发。 Foundation Asset 文件夹位于项目根目录中，我想从那里渲染一些
ZURB Foundation Topbar Bug，Onclick 突出显示其他链接 Mobile
我正在使用 ZURB Foundation Topbar，除了我发现的一个错误之外，我很喜欢它。在第二级下拉菜单中，如果您突出显示，然后单击链接（li 元素），然后它会将您带到您要访问的页面...
使用 Foundation 5，我试图在下拉列表中添加一个下拉列表...... 更多 使用 Foundation 5，我尝试在下拉列表中添加一个下拉列表... <a href="#" data-dropdown="drop1" data-options="is_hover:true" >More</a> <ul id="drop1" class="f-dropdown" data-dropdown-content> <li><a href="#">Modify</a></li> <li class="has-dropdown" ><a href="#">Share</a> <ul class="dropdown" > <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> </li> </ul> 但是没有任何成功！ Share 菜单始终显示在 Modify 菜单下。 编辑1 我尝试了其他方法，它更好但还不够好： <a href="#" data-dropdown="drop1" data-options="is_hover:true" >More</a> <ul id="drop1" class="f-dropdown" data-dropdown-content> <li><a href="#">Modify</a></li> <li ><a data-dropdown="drop2" href="#" >Share</a> <ul id="drop2" class="f-dropdown content " data-dropdown-content > <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> </li> </ul> 并添加到我的 .css 中： .f-dropdown.content {display: block;} 这是我的完整 css：http://pastebin.com/QPaFbenF 上一行位于第 67 行 但是，当单击 Share 时，More 菜单消失，我必须将鼠标放在 More 链接上才能显示 More 菜单及其子菜单 Share。 我在 zurb 论坛上找到了这个问题：dropdown inside dropdown并尝试了答案，但没有成功：S .f-dropdown.content 不会执行任何操作，因为您在 f-dropdown class 下没有名为 content 的类 这些应该在你的 CSS 中： .has-dropdown ul { display: none; } .has-dropdown:hover ul { display: block; } 工作示例 从头开始时，嵌套下拉菜单往往会变得复杂。我总是建议从superfish开始。您可以在此处查看工作演示：http://users.tpg.com.au/j_birch/plugins/superfish/examples/ 我遇到了同样的问题，我意识到我只是没有包含 jQuery 触发器来通过 dropdown.js 文件工作来获取所有下拉列表等元素。 <script> $(document).foundation(); </script>
不幸的是，Foundation 和 WordPress 都使用“sticky”类。为了避免这种情况，我总是使用一个小函数将 WordPress 的类更改为“wp-sticky”。然而，现在这个功能
在 Foundation Reveal 中打开时，BX 滑块不显示？
基本上，我有一个 BX 滑块，它将通过 Zurb 基金会的揭示显示在弹出窗口中。但是，当我单击按钮来显示模式（其中包含 bx 滑块）时，它不会显示。该...
我使用什么版本的 Foundation？ （NodeJS/Grunt）
我是 NodeJS 和 Grunt 的新手，我正在尝试弄清楚如何找到我正在使用的 Foundation 版本。我一直在检查随机文件，例如我的“Gruntfile”和我们......
我正在寻找构建一个断点为 1024 的响应式应用程序。 当用户登录/注册时，将有几个问题需要回答。 在移动设备上，这将呈现为关于...的一个问题
我使用 Zurb Foundation.tramide Sass 框架。 当我去编译时，我收到此错误： 错误 scss/node_modules/foundation-sites/scss/util/_math.scss （第 23 行：“ @return mat 之后的 CSS 无效...
我有从头开始构建的网站，并且我指定的系统构建在 Bootstrap 或基础上。当我尝试将其集成到我的网站上时，我的所有网站都开始使用 Bootstrap 或基础风格。 是不是...
如何使用 Foundation 框架为表格实现分页？ 我的表： 没有交易显示... 如何使用 Foundation 框架为表格实现分页？ 我的桌子： <div v-if="accounts && sortedTransactions.length==0"> <h3>No transactions to show</h3> </div> <div v-else class="container"> <ul class="responsive-table"> <li class="table-header"> <div class="col col-1">Date</div> <div class="col col-2">Type</div> <div class="col col-3">Amount</div> <div class="col col-4">Description</div> </li> <li class="table-row" v-for="transaction of sortedTransactions"> <div class="col col-1" data-label="DATE"> {{transaction.date.slice(0,10)}} </div> <div :class="[transaction.type === 'CREDIT'? 'col col-2 credit' : ' col col-2 debit']" data-label="TYPE"> {{transaction.type}} </div> <div :class="[transaction.type === 'CREDIT'? 'col col-3 credit' : ' col col-3 debit']" data-label="AMOUNT"> {{transaction.amount}} </div> <div class="col col-4" data-label="DESCRIPTION"> {{transaction.description}} </div> </li> </ul> </div>
/ 小屏幕 @media only screen { } * 定义移动风格 * @media only screen and (max-width: 40em) { }。* max-width 640px, mobile-only styles, use when QAing mobile issues * / Medium ...