html - 如何在 Foundation Float 网格中的列之间添加填充？

Question

我一直在使用 Foundation 6 框架试图在列之间创建少量填充但是我似乎找不到解决方案，我哪里出错了？

这是一张图片，解释了我所拥有的以及我正在努力实现的目标

   <div class="row">
        <div class="column large-4 small-12">
            <P>Text1</P>
        </div>

        <div class="column large-4 small-12">
            <p>Text2</p>
        </div>

        <div class="column large-4 small-12">
            <p>Text3</p>
        </div>
    </div>


.column, .columns {
    border:red 1px solid;
    background-color:@menu-color;
    padding:5px;
}

标签： htmlcssresponsive-designzurb-foundationcss-grid

Answer 1

尝试向 css 添加边距而不是填充。

.column, .columns {
    border:red 1px solid;
    background-color:@menu-color;
    margin:5px;
}