Zurb foundation 让专栏更紧密地联系在一起？

我有一个导航，但我需要把物品放得更近一些。在这个基础上实现这个最好的方法是什么？

导航1
导航2
导航3
导航4

您需要做的是创建一个自定义行类（

$row width:rem calc（1000）；

是默认值）。行控制nav的宽度（列包含在行的宽度中，并将填充可用空间），从而控制元素的总填充。提琴示例：

中的示例SCS：

另一方面，在折叠部分之外，要更改列之间的宽度，可以调整SASS（在

\u global.scss

中）。默认设置如下：

---

$column-ground:rem-calc（30）！违约
你能详细解释一下你想要什么吗？我想减少每列之间的间距，但你仍然想要响应性和全宽吗？
<div class="row small-collapse text-center">
<div class="small-3 columns yellow">
    Nav 1
</div>
 <div class="small-3 columns tomato">
     Nav 2
</div>
<div class="small-3 columns yellow">
    Nav 3
</div>
 <div class="small-3 columns tomato">
     Nav 4
</div>
</div>

.custom-row-class {
  @include grid-row();
  .custom-column-class {
    @include grid-column(12);
  }
}