.container的实际宽度其实是1200px,因为左右两边各有15px的padding。这样做的目的是为了使里面的内容不至于直接贴边。 而.row的宽度是1200px,正向你说的,他两边各有-15px的margin,这样就把.container的padding给补回来了。这样做的目的是为了里面的栅栏布局考虑。 为了使row的内容跟其它部分对齐: 如果row设置了左右-15px的左右margin,row里面的每个column都可以统一有15px的左右padding;但是如果row没有设置-15px的左右margin,那么第一个column的左padding就要为0,同时最后一个column的右padding也要为0.这样对于响应布局就会更麻烦一点。
.container的实际宽度其实是1200px,因为左右两边各有15px的padding。这样做的目的是为了使里面的内容不至于直接贴边。
而.row的宽度是1200px,正向你说的,他两边各有-15px的margin,这样就把.container的padding给补回来了。这样做的目的是为了里面的栅栏布局考虑。
为了使row的内容跟其它部分对齐:
如果row设置了左右-15px的左右margin,row里面的每个column都可以统一有15px的左右padding;但是如果row没有设置-15px的左右margin,那么第一个column的左padding就要为0,同时最后一个column的右padding也要为0.这样对于响应布局就会更麻烦一点。