如何在引导列之间添加左右填充

Question

这是我的代码

<div class="community_content">
                <div class="col-sm-3"></div>
                <div class="col-sm-3"></div>
                <div class="col-sm-3"></div>
                <div class="col-sm-3"></div>
   </div>

但我无法理解如何在列之间添加空格 这是我想要的布局图像

img

Answer 1

您可以在每个.col-sm-3 div中包含另一个div。像这样：

<div class="col-sm-3">
   <div class="box">the content</div>
</div>

然后根据需要格式化这个div。

Answer 2

您可以使用填充来获得该效果。在这里，您可以看到一个示例，其中灰色框是.col-sm-3，黑色框是父div中的div元素。所以没有边界，你就会得到效果。

指向Codepen的链接：http://codepen.io/RasmusLauridsen/pen/wzLqXa

像这样：

    private void Form1_Load(object sender, EventArgs e)
    {
        this.Location = new Point(500, 500);
        Debug.WriteLine(this.Location);
    }