来自Foundation Zurb的$ grid-margin-gutters无法按预期工作-Java 学习之路

在一个项目中，我试图用Zurb Foundation 6 for Sites实现简单的事情 . 超过 1280px 网格排水沟应 20px ， 1280px 网格排水沟应为 10px . 我've changed settings.scss as on the screenshot below, but anyway it doesn'工作 . 过去有人遇到过同样的问题吗？我希望在大型和xlarge断点的 $grid-margin-gutters 映射值中 .

enter image description here

1 回答

0
对于面临同样问题的人 . The answer is: 如果这个 $grid-margin-gutters 没有按预期工作 - 请确保在 $grid-margin-gutters Map 中，您将所有断点从最小的断点开始 . 所以遵循以下模式：
```
$grid-margin-gutters: (
   small: 10px, 
   medium: 10px, 
   large: 20px,
   yourCustomBreakpoint: 30px
);
```
并且不要忘记在变量 $breakpoint-classes: 中添加这些自定义断点，如下所示：
```
$breakpoint-classes: (small medium large yourCustomBreakpoint xxlarge);
```
正常工作，编译没有任何错误 .
回复于 2024-04-29T14:45:34+08:00

来自Foundation Zurb的$ grid-margin-gutters无法按预期工作

1 回答

相关问题