css - 列的内边距 [Foundation]

Question

我有两列的行。我希望列跨越行的整个宽度并在它们之间留有边距。这样它们就可以与上方和下方的行对齐。

默认选项会在列的两侧添加边距，这对我不起作用，因为列不会与其他行对齐。我发现了“collapse”类，它删除了默认边距，但我仍然需要两列之间的边距。

我可以解决这个问题，创建我自己的类并稍微修改我的标记，但我想确保 Foundation 不会以某种方式为我做这件事。

对于处理这种情况，您有什么建议或最佳做法吗？

我附上了一张图片，向您展示了我的设计要求。

谢谢!

Answer 1

https://gist.github.com/slawaEremin/7993669

如果我理解正确，你需要在列中添加一些 block 。

问题是如果只有一列，你总是应该使用 .row 和 *-12 来包装你的内容:

例如:

<div class="row">
  <div class="small-12 columns">
     Some content
  </div>
</div>

<div class="row">
  <div class="small-6 columns">
     Some content
  </div>
  <div class="small-6 columns">
      Some content
  </div>
</div>