Bootstrap3前端框架RC版本发布!

在经过了许久的酝酿之后,由Twitter工程师领衔开发的Bootstrap3前端框架RC版本发布了!让我们一起来看看Bootstrap3相较于Bootstrap2来说,有什么巨大的区别吧!

 

UI风格扁平化

自从扁平化设计风格席卷世界的设计圈以来,越来越多的巨头都开始承认扁平化设计风格在优化用户体验上举足轻重的地位,Win8、IOS7、Bootstrap3……

简单素雅的配色、更加抽象化的图标、与响应式布局相辅相成——这每一个元素都注定了扁平化设计会在Web设计领域大放异彩。

除此之外,扁平化设计单色填充的特性使得大部分效果都能采用CSS实现,而非图片,从而符合优化网站的条件,加快页面加载速度,更有利于SEO搜索引擎优化

 

重定义大部分CSS类

Bootstrap3对于CSS的大部分类都进行了重写,类似于Grid布局中的span换成了col-lg,响应式辅助Class也进行了变动等等。

虽然大部分概念都相同,不过如果你是从Bootstrap2转战到Bootstrap3,那么最好还是对新的文档做一个详细的阅读为好。

 

添加了新的组件类,精简JS代码

添加了input groups、list group等组件,从而加强对input元素的灵活控制,以及对list样式的灵活使用,总体来说使得这些元素的应用更加多样化,也减少了代码的编写量。

在JS效果方面,没有特别大的改动,而是对一些代码进行了精简,提高了整体代码的性能。

 

浏览器兼容性

Bootstrap3对于IE8以下的浏览器并不能提供很好的兼容,因为它们希望通过扁平化设计、移动为先的理念,带动CSS3技术和HTML5技术在Web领域的迅猛发展,而这两种技术对于浏览器有相当高的要求。

 

总结

总体来说,Bootstrap3主要在UI上发生了翻天覆地的变化,而我们前不久推出的Zanblog博客主题也正是看重了这一点,所以在Bootstrap3发布前便毅然决然地选择了采用Bootstrap3的UI来设计该博客主题。

有兴趣的朋友可以参考一下在该主题中我们对Bootstrap3的使用。

Bootstrap3的正式版本(3.0.0)已在2013年8月20日发布,有兴趣的朋友可以参看Bootstrap3正式版详细改动的文章介绍。

Bootstrap3文档    Zanblog主题   Bootstrap3正式版