web多终端开发学习系列(一)--- 响应式布局框架BootStrap学习

时间：2015-05-04 10:08:11 阅读：150 评论：0 收藏：0 [点我收藏+]

最近在温习web的开发，毕业之后就没接触web开发了。当时HTML5在国内貌似还是刚刚起步，能适配HTML5的浏览器很少。移动界面框架也才刚刚开始，记得当时曾经学过sencha touch的移动框架以及jquery mobile框架。这两个框架都对响应式布局进行了不错的适配及实现。响应式布局说白了就是对于多个移动终端只需一个界面即可全部适配，可大大地减少开发的工作量。

最近一年Bootstrap开始广泛地被使用了，基于此框架开发出来的插件数不胜数。所以我花了几天时间学习了下Bootstrap，本篇就不介绍具体的代码、具体的控件了，只做Bootstrap学习方向的参考。

介绍

Bootstrap的中文官网是http://www.bootcss.com/。基础布局及基本控件的学习只需访问http://v3.bootcss.com 作为入门参考。对于一些高级的插件，则只需要用到什么再去搜索，而不需要一一学习。在官网中接触到了less语言，一种动态的css语言，一些语法可以参考官网http://www.bootcss.com/p/lesscss/。

Bootstrap对移动终端进行了非常好的适配，不过只是在界面显示方面，对于硬件的调用还需要其他框架支持，比如phonegap（将在下篇中进行学习）。