Grid 使用基础网格混合添加空间 我想用SASS和基础格栅制造一个导航条。我在导航栏中有链接,但我不希望每个链接都是@include网格列(4)相反,我希望它们分别为3列,然后在右端有一个3列的空白空间。这将类似于: (电子邮件选项卡当前处于悬停状态) 我如何在基础格拉斯Sas-Mixin中添加一个空间。< /P> < P>我通过将每个 ID 改为 @包括网格列(3)来确定这个问题;先前@的code>包括网格列(4)。我相信这是有效的,因为它们排成一行,下一列大于3,所以它不会自动跳转到上面的导航栏,而是放在导航栏下面

Grid 使用基础网格混合添加空间 我想用SASS和基础格栅制造一个导航条。我在导航栏中有链接,但我不希望每个链接都是@include网格列(4)相反,我希望它们分别为3列,然后在右端有一个3列的空白空间。这将类似于: (电子邮件选项卡当前处于悬停状态) 我如何在基础格拉斯Sas-Mixin中添加一个空间。< /P> < P>我通过将每个 ID 改为 @包括网格列(3)来确定这个问题;先前@的code>包括网格列(4)。我相信这是有效的,因为它们排成一行,下一列大于3,所以它不会自动跳转到上面的导航栏,而是放在导航栏下面,grid,sass,zurb-foundation,mixins,Grid,Sass,Zurb Foundation,Mixins,我的混合器是这样布置的: header { @include grid-row; } h1 { @include grid-column(9); } .login{ @include grid-column(3); } nav { @include grid-column(12); } #games { @incl

我的混合器是这样布置的:

    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 {
}