Bootstrap3.3.7全面解读和Bootstrap4.0变化分析----------004（4.0变化分析）

我们分析的是2017年3月13日Bootstrap4.0-alpha.6这个版本，先来说说4.0的一些变化，然后开始慢慢看源码究竟怎么写的。我所有写的内容都是根据这一个版本的源代码写出的，如果后续版本更新出现新的用法，在来纠正。

变化：不在支持IE9以及以下的浏览器。它的源码是采用 Sass 语言编写的，也就是说sass全面取代了less，这也是我第一节说看好sass的原因。代码使用flexbox的布局方式。源代码中全部使用了rem为单位（除了部分的margin和padding使用px），并结合百分比的写入方式。使得对于移动端，支持更加充分。栅格系统 ( Grid System ) 升级，更好地适配移动端。card组件，reboot模块，增强了定制化。新增媒体查询最小零界点 576px，更改了很多class样式的写法，如图：

如图：class命名不同了

以上就是4.0的变化。其实你知道了变化是那些，在使用的过程中注意到就是，还是那么一句话，多用就熟练了。对于它的新特性，其实用的意义还不是很大，因为它对浏览器的要求更高了，在实际的项目中，还不可能大规模的使用。后续我会专门写一篇关于4.0所有代码一行一行的分析。今天先写到这里吧。