Twitter bootstrap 3 Twitter Boostrap 3网格边距

我创建了以下脚手架：

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

第一列
第二列
第三纵队

每一列都有1个边框的背景。我想在每一列中添加

右边距：15px

，如果应用bot，第三列将降低到第二行

---

如何在列之间设置15px的空间？

除了直接修改引导CSS（这可能会导致以后更新到后续版本时出现问题）之外，我建议您在列中放置自己的自定义容器（例如使用class.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>

例如：

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