如何在Bootstap中创建具有相等边距的三列？

Question

我尝试创建三个内联和居中显示的块：

<div class="row">
<div class="col-xs-6 col-md-4"></div>
<div class="col-xs-6 col-md-4"></div>
<div class="col-xs-6 col-md-4"></div>
</div>

如何为这些col-xs-6块提供相等的保证金？

我的意思是：

 <div class="row">
    <div style="margin:10px" class="col-xs-6 col-md-4"></div>
    <div style="margin:10px" class="col-xs-6 col-md-4"></div>
    <div style="margin:10px" class="col-xs-6 col-md-4"></div>
    </div>

但是这个边际只会在

中的区块之间

Answer 1

根据我的理解，你希望3列之间有一个均匀的间隙（右边距），但你不希望最后一列有一个右边距（因为没有点）。

您可以使用CSS :not选择器在列之间创建偶数边距，但在最后一个上没有边距，并使用以下方法检查元素是否不是last-child：

not(:last-child)

JSFiddle