css - 关于 Bootstrap Grid 系统

Question

我对bootstrap 3.3.5源码中的这部分代码感到困惑

/*line 1585 - 1590*/
.container {
  padding-right: 15px;
  padding-left: 15px;
}
/* line 1612 - 1615*/
.row {
  margin-right: -15px;
  margin-left: -15px;
}

它们有什么用？
------------------------------
谢谢大家!
这是我看完你的回答后的看法:
1.给.container添加padding，让.container的内容远离边界；
2.但这意味着现在第一个/最后一个col距离边界有2个填充，不太好。所以添加 .row 负边距以将其延伸到边界。
我说得对吗？
顺便说一句，我问这个问题是因为我看不出删除这两条规则有什么区别。

Answer 1

通常，如其所述，容器会在左侧和右侧添加填充，这样内容就不会恰到好处地出现在屏幕边缘，使其可用于移动设备并更易于阅读。

当使用列时，它们会添加左右填充，这可能会与其余内容“不对齐”，因此您可以将它们换成一行，使用负边距使填充与其余内容。

同样，这是为了让它看起来更整齐、更干净。

来自 Bootstrap 文档 (http://getbootstrap.com/css/#grid):

Rows must be placed within a .container (fixed-width) or.container-fluid (full-width) for proper alignment and padding.

Userows to create horizontal groups of columns.

Content should be placedwithin columns, and only columns may be immediate children of rows.