如何在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