Bootstrap3实用教程
1.1.3 Bootstrap3 的新特性
阅读(

Bootstrap基础

Bootstrap简介

为什么选择Bootstrap

Bootstrap是什么

Bootstrap3 的新特性

2013年的8月20日,Bootstrap3正式版本终于上线与大家见面了!与Bootstrap2相比,Bootstrap3 做了以下变革和改进:

1、移动设备优先

随着移动领域的崛起,Bootstrap3的框架理念也开始采用移动优先了,框架包含了贯穿于整个库的移动设备优先的样式,栅格的层数已经达到了四层,分别为.col-xs(超小设备)、.col-sm(小设备)、.col-md(中型设备)、.col-lg(大型设备),如此精细的分层,使得针对每种设备都能够有相当精彩的表现。

2、扁平化设计风格

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

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

除此之外,扁平化设计单色填充的特性使得大部分效果都能采用CSS实现,这可以加快页面加载速度,更有利于SEO搜索引擎优化。因此,Bootstrap3完全抛弃原有的渐变式立体化风格,完全采用时下最为流行的扁平化设计风格。

3、配色清新明快

Bootstrap3提供的几种默认色彩,从视觉效果上来看更加清新、明亮,更加符合扁平化风格以及越来越趋于年轻化的Web网站页面设计与开发。

4、启用CDN

Bootstrap3中启用了CDN(内容分发网络),从而保证了即使在不同区域访问网站,也能更为快速地加载Bootstrap3的CSS与JS文件。

5、浏览器兼容性

Bootstrap3已经放弃了对IE7的兼容,因为前端开发框架的使命也包括高级浏览器的推广和普及,而非一味被低级浏览器所束缚。

对一个网站来说,为了满足客户或者目标群体的需要,兼容性还是必不可少的重要因素之一。在选择一个框架之前,你必须对自己的客户群体有所了解,从而对兼容性进行取舍。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验