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