代码之家 › 专栏 › 技术社区 › p7adams

基础ZURB的网格边缘水槽不能正常工作。

zurb-foundation-6 zurb-foundation sass

p7adams · 技术社区 · 8 年前

在我正在工作的项目中,我试图用Zurb基金会6为站点实现简单的事情。 over 1280px grid gutters should be 20px ,under 1280px grid gutters should be 10px 。我已经更改了下面屏幕截图上的settings.scss,但无论如何它都不起作用。过去有人面临同样的问题吗?? 我想在 $grid margin gutters中找到大型和大型断点的映射值。

. 20PX 下 1280PX 格栅排水沟应 10px . 我已经更改了下面屏幕截图上的settings.scss,但无论如何它都不起作用。过去有人面临同样的问题吗?? 我想加入 $grid毛利槽 为大断点和大断点映射值。

1 回复 | 直到 8 年前

p7adams 8 年前

对于面临同样问题的人。 答案是: 如果这样 $grid毛利槽 不能按预期工作-请确保 $grid毛利槽 映射您正在放置从最小的断点开始的所有断点。因此,遵循以下模式:

$grid-margin-gutters: (
   small: 10px, 
   medium: 10px, 
   large: 20px,
   yourCustomBreakpoint: 30px
);

别忘了在变量中添加这些自定义断点 $断点类: 如下所示:

$breakpoint-classes: (small medium large yourCustomBreakpoint xxlarge);

现在按预期工作,编译时没有任何错误。

推荐文章

ineedtoknow · 如何以重复模式(蓝色、紫色、红色)为儿童应用背景色[重复]

1 年前

user p · 如何修复Angular Material侧边栏的滚动问题

1 年前

Samvel · 无法通过sass模块编译scss文件

2 年前

Frankey · :not()CSS伪类未按预期工作

2 年前

Patrick Kenny · 如何将全局SCSS文件添加到Svelte/SvelteKit?

2 年前

Ch. · scs中@media的误导最小宽度和最大宽度

2 年前

Yiu Chak · 错误:“…m 55%在右侧”后无效CSS

2 年前

Sudeepa T · 无法定位元素[重复]

2 年前

kold-kreator · 编辑Bootstrap 5卡盒阴影的SASS

2 年前

JuliaBland299 · 如何使链接不占用网格中的空间?

2 年前