使用基础网格混合添加空间 - sass

Question

我正在尝试制作一个带有sass和基础网格的导航栏。我在导航栏中有链接，但我不希望它们各自为@include grid-column(4);而是我希望它们各为3列，然后在右端有3列的空白空间。这将类似于：  （电子邮件标签目前正在悬停）

如何使用Foundation Grid Sass Mixins在那里添加空间。

Answer 1

我通过将之前id的每个@include grid-column(3);更改为@include grid-column(4);来修复此问题。我相信这是有效的，因为它们是连续的，下一列向下大于3所以它不会自动跳转到上面的导航栏，但它位于它下面。

我的mixins布局如下：

    header {
          @include grid-row;
         }
    h1 {
          @include grid-column(9);
    }
    .login{
       @include grid-column(3);
    } 
    nav {
          @include grid-column(12);
        } 
  #games {
          @include grid-column(3);
       }
    #email {
          @include grid-column(3);
       }
    #archive {
          @include grid-column(3);
       }
    .breadcrumbs {
       @include grid-column(12);
    }
    nav a {
}