-
0 votesanswersviews
图像忽略移动中具有基础网格的结构
这是我在这里的第一个问题，所以如果它不是正确的形式，我会道歉 . 我不知道为什么但是我的台式电脑上的图像工作得非常好，但在我的移动设备中却不合适 . 我使用了chrome的移动模拟器，它也可以正常工作 . 但不是真正的移动设备 . 请帮忙 ：（ -
1 votesanswersviews
深层链接基础5选项卡
Update 截至v5.5.1基础标签支持深层链接 . 深度链接不适用于Foundation 5选项卡，所以我试图在hack上工作 . 我的想法是使用jQuery触发相应选项卡上的单击，但它不起作用 . var hash = window.location.hash; $(function() { $(window).on('load', function () { $(hash).... -
1 votesanswersviews
Zurb Foundation 5垂直标签，一个链接指向页外
我刚刚开始使用Foundation 5获得一点经验 . 我正在尝试使用垂直选项卡实现表单“向导”，以便用户可以通过单击相应的选项卡来浏览表单的各个部分 . 它适用于指向页面内容的每个选项卡 . 但是对于我的一个标签，我希望链接指向与包含垂直标签内容的页面不同的页面 . 我在选项卡的'dd'中为'a'插入了正确的url，并在选项卡上滚动我在浏览器中显示了正确的链接URL，但点击不会将我带到新页面，它... -
1 votesanswersviews
Foundation 5选项卡使用深层链接滚动到仅用于链接的内容
我正在使用Foundation 5.5.2并在允许深层链接的页面上有选项卡 . 在我的网站的主页上，我链接到深度链接哈希链接到我网站的另一个页面上的特定选项卡，对于这些我希望滚动到内容启用 . 当我有以下代码时，这些链接按照需要工作，页面打开正确的选项卡并滚动到它的内容 . <ul class="tabs main-tabs" data-tab data-options=... -
1 votesanswersviews
避免使用Foundation 6中具有深层链接的选项卡滚动到内容
我正在使用Foundation 6的标签，如下所述：https://foundation.zurb.com/sites/docs/tabs.html 我想要深层链接，所以我把属性data-deep-link = true . 这样可以正常工作，但由于不同标签的内容长度不同，因此切换标签时网站会上下跳动 . 有没有办法允许深度链接而无需滚动到Foundation 6中的内容？ （我读到这可能是基金会... -
0 votesanswersviews
Foundation 6手风琴活动项目会创建页面布局错误
我喜欢用第一个手风琴项打开加载，这可以通过"is-active"状态类来实现 . 但是在初始负载时，打开的物品会将手风琴的其余部分推到我的页脚上，而脚踏板仍保持静止 . 你可以在这个test page上看到我的意思 . 当我使用右侧边栏中的一个手风琴深度链接时，会发生同样的事情 . 如果您调整浏览器大小或单击另一个手风琴项目，页脚将移动到正确的位置 . 我已经尝试将脚本放在正文... -
1 votesanswersviews
Zurb基金会语义网格故障
Zurb基金会很棒，除了语义网格之外的一切都很好 . 我安装了zurb-foundation gem（最新公开发布）;复制粘贴标记示例和Scss从Zurb官方网站到index.html和app.scss的语义网格示例，它工作不正确：页面在"medium landscape"和更低格式上没有响应，当我调整页面大小时 - 出现滚动条 . 我在https://groups.googl... -
0 votesanswersviews
Zurb基金会有不寻常的柱尺寸
我们的设计师希望我创建一个网格，每个列的宽度不同：124px，132px，143px，146px和152px . 可以修改Zurb Foundation以构建具有如此特殊列宽的网格吗？ -
1 votesanswersviews
Zurb基金会下拉对齐
在Zurb的基础上有什么方法可以将Content Dropdown与顶部对齐吗？我正在尝试做类似于Bootstrap中Popover的东西，它有四个对齐选项 . 将html添加到Foundation工具提示我认为更好，因为它已经具有顶部，左侧，右侧，底部功能 . 谢谢 . -
1 votesanswersviews
Zurb基金会垂直调整内容
我正在与Zurb Foundation Build 一个网站 . 我想要包括一个DIV . 这个div有两列 . 左列将显示图像 . 第二列将包含一个段落和一个按钮 . 我希望按钮垂直对齐网格的底部 . 换句话说，我希望我的按钮底部与我的图像底部对齐 . 目前，我正在尝试以下方面： <div class="sample"> <h1>This is t... -
0 votesanswersviews
如何在zurb基础网格中的单元格之间设置边距？
如何在foundation grid中的单元格之间设置排水沟（边距）（在第一个单元格之前没有左边距，在最后一个单元格之后没有左边距）？ -
0 votesanswersviews
基础Zurb粘贴不适用于定义的行类
Foundation Zurb中定义的粘性类未按预期工作 . 粘性内容跳转到页面顶部，因为它已被定义为margin-top：0 -
0 votesanswersviews
Zurb Foundation均衡器垂直对齐内容？
我正在使用Zurb Foundation 5和均衡器组件 . 当我有三个相等的列时，我希望中心列内容（文本）垂直居中，右列内容（图像）垂直底部对齐 . 是否有正确或好的方法来执行此操作并仍然保持响应功能？ <div class="row" data-equalizer> <div class="large-5 small-12 columns&quo... -
0 votesanswersviews
来自Foundation Zurb的$ grid-margin-gutters无法按预期工作
在一个项目中，我试图用Zurb Foundation 6 for Sites实现简单的事情 . 超过 1280px 网格排水沟应 20px ， 1280px 网格排水沟应为 10px . 我've changed settings.scss as on the screenshot below, but anyway it doesn'工作 . 过去有人遇到过同样的问题吗？我希望在大型和xlar... -
0 votesanswersviews
Vue.js Foundation Webpack配置
我只是想将 foundation.css 文件添加到我的Vue webpack应用程序中 . 我已经安装了基础 - npm install foundation-sites . 然后我安装了提取文本插件 -- npm install extract-text-webpack-plugin --save-dev. 我不确定如何进行下一步 . APP.vue <template> &... -
4 votesanswersviews
基金会滑块：如何判断 Value 是否发生了变化？
我正在使用Foundation Range Slider并希望收听 change-event ，但仅限于 value changed . 不幸的是，在init和每次窗口更改时都会检测到两个更改 . 示例（Fiddle）： <div class="range-slider" data-slider data-options="step: 20;">... -
4 votesanswersviews
Zurb F5：改变base-font-size和rem-base令人困惑
我希望我的网格在1320px的行中有24列 . 我还希望将默认（正文）字体大小设置为22px . 让我告诉你如何使用SASS / SCSS和Zurb Foundation轻松完成这项工作......等等，什么？ 不容易 . 它's basically not possible to set the '默认'font-size到 rem-base 以外的其他值而不破坏网格 . 如果 $rem-bas... -
0 votesanswersviews
从另一个子项启用子组件父项
我的角度基础项目的结构如下：Structur project 如果我想从其他子（menu1-item）中显示父（menu1）中的子组件（menu1-item-edit） . 我该怎么做？在menu1.component.html中，我使用以下代码设置menu1-item-edit组件： <div class="row"> <app-menu1-item-e... -
1 votesanswersviews
在CSS中改变Zurb基础网格的断点
如何通过css而不是SaSS更改Zurb Foundation块的断点？ 例如，在我的代码中我定义了 large-block-grid-3 和 medium-block-grid-2 ，但它看起来很小的方式并不符合我的喜好，我希望它以不同的宽度打破 . 我希望能够声明一个列网格，但仅限于特定的自定义宽度 . -
0 votesanswersviews
移动导航栏无法在Foundation工作
我正在 Build 一个网站，我必须让它“先移动” . 所以我正在使用Zurb的Foundation，因为我觉得它更容易 . 所以我有这个代码： /* General */ /* Header */ @media only screen and (min-width: 40.063em) { .logo-wrapper { position: relative; } ... -
0 votesanswersviews
基金会的移动菜单断点
当我调整浏览器大小时， mobile menu 显示在默认断点所在的 568x320 处 . 所以我想做的是在 900px 周围创建一个断点来摆脱菜单问题（菜单很大），如下图所示，但我不知道该怎么做 . 我想出来了.316811_吨 . 有帮助吗？ Fiddle here . 谢谢 . <nav class="top-bar" data-topbar role=&q... -
0 votesanswersviews
基础6在小断点处改变沟槽尺寸
在Foundation 6中有一种方法可以将小断点中的装订线大小更改为与settings.scss中的装订线大小不同的内容吗？现在我将 $grid-column-gutter 设置为90px，但我是最好的方法吗？ -
2 votesanswersviews
如何使用块网格类
一切都很好：网格，媒体查询，文本可见性，以及所有其他好东西 . 我尝试将块网格用于社交媒体图像链接，发现它根本不起作用 . 我浏览了项目中包含的基础文件， block-grid 类没有在任何地方定义 . 我'm curious what I'失踪了 . 是否有一个单独的文件需要包含在我的项目中才能使用 block-grid ？ Foundation block grid documentation... -
0 votesanswersviews
仅限移动网格，带有电子邮件基金会（Zurb）
我试图隐藏在桌面上查看的列或行，只显示在移动设备上，反之亦然 . 有人知道这是否可行？我试图实现以下类，但它似乎不适用于标记 . .mobile-only {display:none;} .desktop-only {display:block;} @media only screen and (max-width: 596px) { .mobile-only {display:block;}... -
0 votesanswersviews
使用Foundations集中对齐嵌套项'Flex Grid'
使用Foundation Grid 6的Flex Grid，我正在尝试集中对齐已经与Foundation的“对齐中心”类集中对齐的父元素的子元素 . 父.row使用Flex Box来对齐（证明）其子项的内容 . 如何使用框架将中心对齐应用于第4行的ele？ 笔记： 第4行'align-self-center'无效 . 仅用于样品/可读性的在线样式 . 将'margin：auto'应用到... -
0 votesanswersviews
列可折叠到移动设备上的按钮
我有一个2列页面，我希望在小屏幕上第一列被一个只有一个按钮的小列替换 . 当您单击该按钮时，原始的第一列将再次出现（例如，它在Wordpress上） . 谢谢 . -
0 votesanswersviews
如何在基础6.4中对齐网格？
如何在Foundation 6.4中对齐网格项？我希望一些内容可以右对齐（或末端对齐），而其他内容可以垂直居中，或者例如底部对齐 . 我在官方文档中找不到任何类的提及，而以前的技术（<6.4），如 align-right 或 end 不起作用 . -
0 votesanswersviews
zurb基金会 - 改变网格容器的大小？
大屏幕上.grid-container的默认宽度是多少？如何更改它并使其更大？这样做的正确方法是什么？ -
1 votesanswersviews
在Foundation 6上添加其他断点（仅限CSS）？
所以当涉及到现代网络开发时，我有点像菜鸟，并且决定通过从头开始创建一个简单的单页面网站来重新开始 . 因为我非常喜欢，所以我决定和基金会一起去 . 我已经完成了，但我的媒体查询遇到了麻烦 . 我知道Foundation 6包含3个断点（小，中，大），我可以为每个断点添加媒体查询样式 . 但是，我希望制作的风格只能出现在技术上处于“中等”范围内的小范围视口宽度，但在较大的一端 . 现在，medium... -
3 votesanswersviews
Zurb基金会提醒
我正在将zurb基础集成到现有的ASPX站点中 . 我想在警告框中添加一些信息，因此我使用了文档中提供的代码： <div class="alert-box secondary"> This is a secondary alert (div.alert-box.secondary). <a href="" class="c...