Twitter的自舉3格邊距

Question

我已經創建了以下支架：

<div class="row"> 
    <div class="col-md-4"> 
    first column 
    </div> 
    <div class="col-md-4"> 
    second column 
    </div> 
    <div class="col-md-4"> 
    third column 
    </div> 
</div> 

每列都有背景像素邊框。如果應用，我想將margin-right: 15px添加到每個列機器人，第三列將降到第二個「行」。

如何在列之間設置15px的空間？

Answer 1

缺少直接修改引導CSS（這可能會導致您在稍後更新到後續版本時出現問題）我建議您將自己的自定義容器放置在列（使用類.foo）中，並使用css語句指定你想要它顯示。例如

<div class="row"> 
    <div class="col-md-4"> 
     <div class="foo"> 
     first column 
     </div> 
    </div> 
    <div class="col-md-4"> 
     <div class="foo"> 
     second column 
     </div> 
    </div> 
    <div class="col-md-4"> 
     <div class="foo"> 
     third column 
     </div> 
    </div> 
</div> 

與CSS;

.foo:not(:last-child) { 
    margin-right:15px; 
} 

實施例：http://cdpn.io/eDBCJ