Sass 基于SCS的FrasBox基金会 .test{ @包括flex-grid-row(); .8{@include flex grid column(8);} .4{@include flex grid column(4);} }

Sass 基于SCS的FrasBox基金会 .test{ @包括flex-grid-row(); .8{@include flex grid column(8);} .4{@include flex grid column(4);} },sass,flexbox,zurb-foundation,Sass,Flexbox,Zurb Foundation,既然有了上面的代码,为什么网格堆叠而不是并排显示?如果我从flex-grid-column()中删除4,则会像我预期的那样显示为。4个占用了所有可用空间,但如果我指定了多少列,为什么不呢?标记看起来正确,在我的flex项目中效果很好。 您可以确保在app.scss中设置了flex grid [] 和 < P>通过NPM 导入基础,导入“NoDyMease/BaseStudio/SCSs/Base.SSCS”;然后我需要@包含基础所有内容(true)将true开关传递给flexbox 我在这个页面

既然有了上面的代码,为什么网格堆叠而不是并排显示?如果我从
flex-grid-column()
中删除4,则会像我预期的那样显示为
。4个
占用了所有可用空间,但如果我指定了多少列,为什么不呢?

标记看起来正确,在我的flex项目中效果很好。 您可以确保在app.scss中设置了flex grid

[]

< P>通过NPM <代码>导入基础,导入“NoDyMease/BaseStudio/SCSs/Base.SSCS”;<代码>然后我需要
@包含基础所有内容(true)将true开关传递给flexbox


我在这个页面上发现问题在于我使用npm安装并链接到资源:对不起,应该说我在node_模块中链接到它,以便我可以管理依赖关系。我看不出有什么办法可以用这种方式切换电网?
.test {
  @include flex-grid-row();
  .eight { @include flex-grid-column(8); }
  .four { @include flex-grid-column(4); }
}



 <div class="test">
    <div class="eight" style="background: red; height: 150px;"></div>
    <div class="four" style="background: blue; height: 150px;"></div>
 </div>