列上的内边距[基础]

Question

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

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

我可以修复这个创建我自己的类并稍微修改我的标记，但我想确保基金会不会以某种方式为我做这个。

您对处理此方案有任何建议或最佳做法吗？

我附上了一张图片，告诉你我的设计需要什么。

谢谢！

Answer 1

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

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

问题是，如果只有一列，你总是应该使用.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>