-
0 votesanswersviews
Change Foundation 6 Paragraph Body字体大小
关于如何在Foundation 6(_settings.scss)中更改段落正文字体大小的任何想法?它似乎默认为16px,但我希望将其减少到12px . 我尝试将$ rem-base和$ global-font-size更改为备用值,但它似乎改变了所有元素的整体大小,包括 Headers ,列宽等 . 提前致谢 . -
1 votesanswersviews
Foundation 6顶栏菜单图标
刚刚进入基金会5然后6出来了 . 现在我无法使用Top Bar菜单代码 . 具体来说,当我将浏览器从大到中调整大小时,我希望顶部菜单选项消失,并显示菜单图标(汉堡包) . 当我点击汉堡包图标时,导航链接会垂直显示 . 这工作在5,但我无法弄清楚6 . 我到目前为止 - 减去菜单图标代码 . 这是有效的,顶栏显示在我的页面上的链接 . <div class="top-bar"... -
0 votesanswersviews
Zurb Foundation css顶级菜单在drupal 8中不起作用
我在使用zurb基础在Drupal 8中创建顶级菜单时遇到问题 . 我目前正在使用sass和gulp . 当我打开foundation.css文件时,我找不到css class =“title-area”,class =“toggle-topbar menu-icon”和class =“top-bar-section” . 我下载了zurb foundation framewaork的完整包 . ... -
1 votesanswersviews
如何在Foundation 6中禁用响应式网格
我目前正在使用新的Foundation 6开发一个响应式网站,但我似乎无法通过版本5的教程找到如何禁用响应式网格(我需要让客户选择它) . 非常感谢你 . -
0 votesanswersviews
如何使用网格行mixin
我正在努力理解这个mixin是如何工作的 . 文档提供的示例是...... @include grid-row($columns, $behavior, $width, $cf, $gutter) { */ what goes here???*/ } 这就是我在SCSS中所拥有的...... .custom_row {@include grid-row(20, nest, 1000, true,... -
1 votesanswersviews
如何在Foundation 6中的网格旁边放置一个元素?
我有一个大小为 small-12 的图像的网格,我想在右侧添加一个元素,例如div . 该列的大小必须为 small-12 ,因此我无法将其设置为 small-11 并在其旁边添加大小为 small-1 的div . 我怎样才能做到这一点?这与CSS伪元素或类有关吗? 我试图用CSS和 position: absolute; 放置它,但它不是我想要的地方 - 就像元素的顶部和侧面有一个最小边距所以... -
5 votesanswersviews
基础垂直(分割布局)Off-Canvas仅覆盖整个屏幕和移动屏幕
我正在尝试使用基础6创建一个非画布;我的想法是我有两个基本的专栏应用程序,然后我尝试隐藏左边的那个,只有当屏幕很小时使用非画布效果,但首先我需要让这个工作:col 2得到完整的显示屏幕宽度和第一列应仅在屏幕上激活 . 在桌面屏幕上应该只在一个屏幕上显示两列 . 我们的想法是拥有内容,而不仅仅是基础示例中的菜单 . 如何获得描述的效果? <body> <div class=&q... -
0 votesanswersviews
Foundation 6 flex grid和预定义的浮点数
我喜欢 flex-grid 的想法,并想知道我是否正确使用它 . 我使用Foundation 6 / SASS开始构建并且做了 @include foundation-flex-grid; 在构建基本页面时,我在DevTools中注意到,Kitchen水槽中的某些项目正在对其显示设置为 block 和 float 的项目使用样式 . 示例:.title-bar <div class=&quo... -
0 votesanswersviews
网站的基础6:如何集中锚标签?
我'm trying to centralize an anchor tag in foundation 6, I'已经尝试了float-center类,但它没有集中化,而是扩展了: 我的代码 <div class="column"> <!-- some html --> <a class="large success butt... -
1 votesanswersviews
Zurb基金会flex grid问题
我使用的是zurb foundation v.6,它是flex网格而不是使用浮点数的普通网格 . 我已经制作了一个页脚,我有2个div,我希望每个div都与自己的目标对齐 . 这是代码: <footer id="footer"> <div class="row align-justify align-middle"> &l... -
1 votesanswersviews
基础:使用不同总列数嵌套网格
我正在使用一个基本的 12 col 网格,它可以很好地工作 . 这是我的 _settings.scss $grid-row-width: $global-width; $grid-column-count: 12; $grid-column-gutter: ( small: 20px, medium: 30px, ); $grid-column-align-edge... -
0 votesanswersviews
Flex-grid中的装订线没有出现 - Foundation sass 6
使用:基础sass 6 我制作了一个Flex Grid . 我的结果没有排水沟 . 你可以帮帮我吗? 非常感谢你 . Foundation settings file // 3. The Grid // ----------- $grid-row-width: $global-width; $grid-column-count: 12; $grid-column-gutter: ( smal... -
0 votesanswersviews
Foundation 6 Responsive切换导航无法正常工作
我正在基础6中完成我的第一个项目,并且无法使响应式导航工作 . 我开始使用Foundation附带的基本页面模板(使用CodeKit安装F6),然后我在响应式菜单代码中完全按照此处显示http://foundation.zurb.com/sites/docs/responsive-navigation.html#responsive-toggle粘贴,但在小屏幕尺寸下查看时,会出现单词"... -
3 votesanswersviews
Foundation 6数据响应菜单参数
我正在构建一个基础6的响应式导航,集成在wordpress中 . 我想使用data-responsive-menu属性来触发小屏幕上的钻取插件 . 简单 . 问题是我不想要其他屏幕尺寸上的任何其他插件 . 文档给出了这个例子: <ul class="vertical menu" data-responsive-menu="drilldown medium-dro... -
1 votesanswersviews
Zurb Foundation 6 - 如何阻止分页项目隐藏在小屏幕上?
如何关闭粉底的分页或阻止它将我的分页项隐藏在小屏幕上? <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <!-- Compressed CSS --> <link rel="stylesheet&... -
2 votesanswersviews
如何在Foundation 6中列出ul列表?
我似乎找不到正确的方法来内联列出一个'ul'(和它的li元素,所以它们在水平而不是垂直方向上显示)在Foundation 6中(F5有一个'inline-list'类) <footer class="text-center"> <div class="row" id="footer-nav"> ... -
0 votesanswersviews
JointsWP Flex顶部栏对齐不正常
我在Flex模式下使用JointsWP和Foundation 6 . 我正在尝试将顶部栏包含到网格中,这与“行列”一起使用,但由于某些未知原因,我无法将顶栏右对齐 . 这是我的代码: <div class="title-bar" data-responsive-toggle="top-bar-menu" data-hide-for="<... -
3 votesanswersviews
基础6.2大水沟尺寸
根据Foundation 6.2文档,默认网格装订线尺寸为20px,中等尺寸为30px,但没有提到大 . 大型的默认装订线尺寸是多少? -
0 votesanswersviews
Zurb Foundation 6 XY网格在Flex-Container中使用网格容器
我正在使用带有XY网格的ZURB Foundation 6并且遇到了一个小问题,很可能是我做错了 . 我希望将元素垂直居中,以便我使用 <div class="flex-container"> <div class="grid-x grid-padding-x align-middle"> <div clas... -
0 votesanswersviews
如何在基金会6中防止手风琴动画
我正在尝试使用Foundation 6创建一个使用手风琴进行组织的表单 . 我想为手风琴 Headers 添加输入和按钮 . 通常,当点击手风琴 Headers 时,它会通过滑动来切换其内容 . 我想禁用此效果,因此如果我单击 Headers 中的按钮,内容将不会切换,因为如果每次单击按钮时它都会扩展和收缩,那真的很烦人 . 我有类似的东西: $body.on('click', '.button_... -
1 votesanswersviews
编辑Woocommerce类别/子类别循环
我目前正在使用WooCommerce集成构建自定义WP主题 . 首先是一点背景 . 我的主题是使用Foundation 6.我已经禁用了WooCommerce样式和布局 . 我正在使用覆盖模板,以便我可以集成Foundation . 我的商店页面列出了产品类别,而不是单个产品 . 然后,一旦选择了一个类别,您将获得另一个子类别列表,最后是产品 . 我可以使用以下代码将产品放入4列行中: 环star... -
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... -
0 votesanswersviews
基础6手风琴菜单 - 持久状态
当用户导航到该子菜单中的链接时,我正试图让子菜单保持打开状态 . 在我的搜索中,我发现此代码检查当前URL是否与任何href匹配,如果是,则切换该类(我收集) . 但是,我无法使用我认为我想要合并的内容,即Foundation API . 保留Foundation 6手风琴菜单项状态的最佳方法是什么? 这是我到目前为止: $('.main-nav a').each(function(){ ...