我无法让列与基础的 sass 版本一起使用。
我正在尝试在一行中创建 4 列。
父级设置为一行。四个孩子被赋予了这个规则:
@include grid-column(3)
我的期望是这应该创建四列,因为12 / 4 = 3
.
但是,最后一列不在行中,并且留下了一个间隙。这里发生了什么?
这是我所拥有的:
我的 sass 来源:链接
生成的html/css:JsFiddle
编辑:如果我链接到 jsfiddle 而不在此处粘贴代码,stackoverflow 会生成错误。所以这是我的html:
<section id="main-content"
<section id="looptest">
<h2>foundation/sass columns</h2>
<div id="blocks">
<div class="block">
<p>block one</p>
</div>
<div class="block">
<p>block two</p>
</div>
<div class="block">
<p>block three</p>
</div>
<div class="block">
<p>block four</p>
</div>
</div><!-- ENDS #blocks -->
</section><!-- ENDS #looptest -->
</section> <!-- main-content ends -->