为何未使用container时，Bootstrap列布局会出现水平滚动条？

• Bootstrap的.row类默认设置了负左右外边距：margin-left: -15px; margin-right: -15px;，这个设计是为了抵消内部.col-*类自带的左右内边距（padding-left: 15px; padding-right: 15px;），保证列内容能和父容器边缘对齐。
• 但如果把.row直接放在body这种没有内边距的元素下，负外边距会把row的整体宽度拉到视口之外，导致页面水平溢出，从而触发滚动条。
• 而.container类自带左右内边距（默认15px），刚好能抵消.row的负外边距，让整体内容宽度适配视口，所以加上.container后滚动条就会消失。

内容的提问来源于stack exchange，提问作者Ted Scheckler