Css 如何在Bootstrap中创建三个边距相等的列?

Css 如何在Bootstrap中创建三个边距相等的列?,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,我尝试创建三个内联显示并居中显示的块: <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> 但该边距将仅在内部块之间据我所知,您希望3列之间的间距相等(右边距),但不希望最后一

我尝试创建三个内联显示并居中显示的块:

<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>

但该边距将仅在内部块之间

据我所知,您希望3列之间的间距相等(右边距),但不希望最后一列具有右边距(因为没有点)

您可以使用CSS
:not
选择器在列之间设置偶数边距,但在最后一列上没有边距,并使用以下命令检查元素是否不是最后一个子元素:

不是(:最后一个孩子)


等于什么?我不清楚你在问什么。三个区块内的等边距
col-xs-6 col
。我承认我仍然不清楚你想要实现什么。为什么不告诉我们这应该是什么样子,而不是你得到的。你的问题不清楚,从我的理解来看,你希望3列之间有一个均匀的差距(右页边距),但你不希望最后一列有一个右页边距(因为没有意义)。我贴出了答案。
 <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>