新版Bootstrap 4 不支持IE8 CSS采用rem和em单位
8月 28, 2015
发表于: 前端开发.
评论
Sponsor
2015年8月19日是Bootstrap诞生四周年,Bootstrap团队发布了Bootstrap 4 alpha版本。
在些版本IE8将不再兼容,并改用rem和em单位来代替px,有着较大的改变。
下面指出官方博客网站提到的一些更新:
从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/
推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。
{ 发表评论 }
姓 名 (必填)
邮 件 (必填)
网 站