新版Bootstrap 4 不支持IE8 CSS采用rem和em单位

8月 28, 2015 发表于: HTML & CSS, 前端开发. 评论

Sponsor

2015年8月19日是Bootstrap诞生四周年，Bootstrap团队发布了Bootstrap 4 alpha版本。

在些版本IE8将不再兼容，并改用rem和em单位来代替px，有着较大的改变。

Bootstrat 4 alpha版：http://v4-alpha.getbootstrap.com/

下面指出官方博客网站提到的一些更新：

从Less移动到Sass
使用Libsass(用C语言实现的Sass解析器)后比之前的Less编译速度更快了。
改进风格系统
新增了网格层能更好的适应移动设备，并整顿语义混合。
支持 flexbox (弹性盒模型)
这是项划时代的功能——只要修改一个Boolean变量，就可以利用flexbox的优势快速布局。
废弃了wells、thumbnails和panels，使用cards代替
Cards是个全新概念，但使用起来与wells、thumbnails及panels很像，且更方便。
将所有HTML重置样式表整合到Reboot中
在用不了Normalize.css的地方可以用Reboot了，它提供了更多选项。例如box-sizing: border-box、margin tweaks等都存放在一个单独的 Sass 文件中。
新的自定义选项
不再像上个版本一样，将渐变、淡入淡出、阴影等效果分放在单独的样式表中。而是将所有选项都移到一个Sass变量中。想要给全局或考虑不到的角落定义一个默认效果？很简单，只要更新变量值，然后重新编译就可以了。
不再支持IE8，使用rem和em单位
放弃对IE8的支持意味着开发者可以放心地利用CSS的优点，不必研究css hack技巧或回退机制了。使用rem和em代替px单位，更适合做响应式布局，控制组件大小。如果要支持IE8，只能继续用Bootstrap 3。
重写所有JavaScript插件
为了利用JavaScript的新特性，Bootstrap 4用ES6重写了所有插件。现在提供UMD支持、泛型拆解方法、选项类型检查等特性。
改进工具提示和popovers自动定位
这部分要感谢Tether工具的帮助。
改进文档
所有文档以Markdown格式重写，添加了一些方便的插件组织示例和代码片段，文档使用起来会更方便，搜索的优化工作也在进行中。
更多变化
支持自定义窗体控件、空白和填充类，此外还包括新的实用程序类等。

除了发布Bootstrat 4 alpha外，官方还发布了Bootstrap主题，第个主题售价99美元，并且是终身免费更新的。尽管现在所有的主题是为Bootstrap 3设计，但是好多主题将会升级到支持Bootstrap 4.

现在没有确认Bootstrap 4的发布时间，在最终正式版发布前，会有若干次alpha版本，2次beta版本和2次RC版。

Bootstrat 4 alpha版：http://v4-alpha.getbootstrap.com/
翻译参考：http://geek.csdn.net/news/detail/38027
英文原文：http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/

赞助商链接