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>