网页设计 » 前端开发 » 新版Bootstrap 4 不支持IE8 CSS采用rem和em单位

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

发表于: 前端开发. 评论
赞助商链接

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

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

bootstrap 4

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/

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。