如何在网格项之间添加边距？

Question

由于某种原因，我无法在网格项之间添加边距 Page with margin issue

此页边距完美显示： Proper page

我怀疑它与CSS有关，我尝试了一切，但似乎没有任何工作。有人可以帮忙吗？

Answer 1

您需要做的是将.grid类样式移动到网格列中的新父元素，该列本身占据页面宽度的25％并具有内部填充以创建边距的错觉

<div class="grid col-sm-3 col-xs-6">

到

<div class="col-sm-3 col-xs-6">
    <div class="grid">

你可以通过将.grid类移动到.description子元素来看到一个简单的例子，样式有点古怪，但你可以看到列之间的边距。