css - 谁能告诉我为什么在 bootstrap3 中 .row 有 -15px 边距，.col-* 有 15px 填充

Question

我发现在 bootstrap3 中，.row 有 -15px 边距，.col-* 有 15px 填充。

这似乎什么也没做，谁能告诉我其中的 secret ？

.row {
   margin-right: -15px;
   margin-left: -15px;
}
.col-xs-1,
.col-sm-1,
...
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

Answer 1

列之间有间隙。这就是他们如何以最兼容的方式使连续的第一个列没有间隙。他们可以使用 this 或 css first of type selector which older browsers don't support