Css 列之间的边距

因此，新的引导v3代码如下所示：

<div class="row">
    <div class="col-md-4 bg-red">
       <h2>Heading</h2>
       <p>My text here...</p>
    </div>
    <div class="col-md-4 bg-green">
       <h2>Heading</h2>
       <p>My text here...</p>
    </div>
    <div class="col-md-4 bg-blue">
       <h2>Heading</h2>
       <p>My text here...</p>
    </div>
</div>

标题
我的文字在这里

标题
我的文字在这里

标题
我的文字在这里

因为bootstrap3已经删除了列边距（现在有左、右填充）。如何在

class=“col-lg-4”

div上设置背景色，并在每个div之间设置页面背景间隙

---

注意：它必须是

class=“col-lg-4”上的背景色

div.

一种方法是将属性与

内容框

值一起使用，以便将绘制区域剪裁到

.col-lg-4

的内容框，而不是默认情况下的边框框。

一种方法是将属性与

内容框

值一起使用，以便将绘制区域剪裁到

.col-lg-4

的内容框，而不是默认的边框框。

使用

.col-*-3

并向其添加边距。您有4列，但第4列未使用，然后您有空间放置边距。下面是一个例子：

HTML

<div class="row">
    <div class="col-md-3 bg-danger col-margin">
       <h2>Heading</h2>
       <p>My text here...</p>
    </div>
    <div class="col-md-3 bg-success col-margin">
       <h2>Heading</h2>
       <p>My text here...</p>
    </div>
    <div class="col-md-3 bg-primary col-margin">
       <h2>Heading</h2>
       <p>My text here...</p>
    </div>
</div>

---

使用

.col-*-3

并在其上添加边距。您有4列，但第4列未使用，然后您有空间放置边距。下面是一个例子：

HTML

<div class="row">
    <div class="col-md-3 bg-danger col-margin">
       <h2>Heading</h2>
       <p>My text here...</p>
    </div>
    <div class="col-md-3 bg-success col-margin">
       <h2>Heading</h2>
       <p>My text here...</p>
    </div>
    <div class="col-md-3 bg-primary col-margin">
       <h2>Heading</h2>
       <p>My text here...</p>
    </div>
</div>

---

对于这个特殊的例子，无论如何它应该是可能的。。但是对于你所要求的这些要求的整个引导。。不值得。。使用BS2或将内容放入包装器中..对于这个特定的示例，应该可以。。但是对于你所要求的这些要求的整个引导。。不值得。。使用BS2或将内容放入包装器中。。