zurb-foundation - 列之间的 Zurb 基础边距

Question

我有一个非常简单的 Foundation CSS 代码

<div class="row">
    <div class="large-offset-1 large-6 columns">Content goes here</div>
    <div class="large-4 end columns">Side goes here</div>
</div>

我希望列之间有边距。目前，只有填充。所以如果我添加 background-color到这些列，然后它们彼此粘在一起。

基金会没有为此提供解决方案吗？

Answer 1

试试这个(它在另一个里面创建一个全宽的 div，自动添加边距)

<div class="large-4 medium-6 small-12 columns">
    <div class="large-24 columns">
        ... content ...
    </div>
</div>