Bootstrap 3 共有4种栅格类，依次是特小、小、中、大###
- .col-xs- width<768px 适用于手机
- .col-sm- 768px≤width<992px 适用于平板电脑
- .col-md- 992px≤width<1200px 适用于1024x768分辨率电脑屏幕
- .col-lg- 1200≤width 适用于宽屏电脑屏幕
Bootstrap 4 共有5种栅格类，依次是特小、小、中、大、特大###
- .col-xs- width<544px 适用于诺基亚时代的手机，最流行的分辨率是360x640
- .col-sm- 544px≤width<768px 适用于诺基亚时代手机横屏，和较为新的手机的竖屏，比如720x1280
- .col-md- 768px≤width<992px 适用于768x1024等，也就是大屏手机和早期iPad
- .col-lg- 992px≤width<1200px 适用于1024x768，几乎不对应其他分辨率
- .col-xl- 1200≤width 适用于宽屏电脑屏幕和大屏手机
总结###
Bootstrap 3的992之下只有一个临界值，是768，768是早期iPad的屏幕宽度，早期的手机的确没有机型能宽过768px，所以拿768作为临界值有一定道理。Bootstrap 4的992之下有两个临界值，分别是480和720，也就是说Bootstrap 4考虑了早期手机的竖屏和横屏两种可能，这种细分是否有意义还有待我们在实践中探索，但并不会给直接使用Bootstrap 4的开发者造成太多麻烦，但是会对从3迁移到4的开发者造成一些麻烦，因为类名与对应的宽度范围有了变化，需要对HTML代码做批量替换。
上述总结已经过期，最新alpha-3有了变化，现在3代跟4代的区别是4代有了一个新的临界值是544，这个神奇的数字我真不知道是怎么得到的。
Paste_Image.png
