html代码:
1、.container类在屏幕宽度小于等于767px的时候,宽度=屏幕宽度的,也就是100%,container-fluid类不管屏幕宽度大小,一直是100%
屏幕宽767px:
2、屏幕宽一直拉大(<1000px):.container类的div左右出现外边距margin,它会随着屏幕的增大而增大,padding值和子div的宽度不变,屏幕拉大的部分都作用于margin上了。.container-fluid类宽度不管屏幕宽度大小,一直是100%。
3、屏幕拉大到1000px的时候,.container类的div左右外边距margin=15px。.container-fluid类宽度不管屏幕宽度大小,一直是100%。
总结:
container类左右内边距一直是15px,屏幕小于等于767px的时候没有margin值,屏幕大于767px开始有左右margin值,屏幕宽度为768px和1000px的时候,margin值相对最小,分别是9px和15px,其他时候margin值随着屏幕的增大而增大。.container-fluid类宽度不管屏幕宽度大小,一直是100%。