任何人都可以告诉我为什么在bootstrap3中.row的-15px余量和.col-的15px填充

Question

我认为在bootstrap3中，.row的边距为-15px，.col为-15。

。

这似乎什么也没做，谁能告诉我这个秘密？

.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

Cols之间存在差距。这就是他们如何使连续的第一个col以最兼容的方式没有间隙。他们可以使用这个或css的第一个类型选择器，老浏览器不支持

Answer 2

col-类在两侧都有相同的填充像素15px，这样您就可以在每列之间获得30px个装订线空间。如果row内有container，则会在容器和行之间提供15px额外填充，因为容器在左侧和右侧都有15px填充。为了避免这个额外的空间，cols的边距为-15px。在cols中嵌套行时，它将有助于获得整齐的列布局。

我希望你能理解。