基于Bootstrap技术的移动端Web开发研究

徐晓

(无锡机电高等职业技术学校，无锡 214028)

0 引言

随着国内的互联网业务迅速发展，和Android和iPhone等智能手机日益普及，促使移动端Web开发得到充分的发挥。移动平台的开发应用是近年来的热门，随着不断发展的浏览器和移动设备种类的增多，如何高效、快捷地基于移动平台的Web开发就成了问题。HTML5和CSS3是移动互联网最前沿的Web技术，采用HTML5和CSS3技术的响应式网页设计，可以使网站兼容多种设备和屏幕。Web开发人员经常借助于第三方框架的特征。Bootstrap就是这样一个方便快捷、流行和开放源代码的框架。使用Bootstrap框架可以在开发响应式网站的时候，不必因为CSS有太多烦恼。Bootstrap提供了一个丰富的CSS框架，当然，如果有需要也可以自行定义。添加常见的Web页面元素，比如导航菜单、按钮、form表单元素和排版都会变得非常容易。作为Web前端开发框架，Bootstrap的流行趋势很容易理解。它为大多数标准的UI界面设计提供了用户友好、跨浏览器的解决方案，它现成可用而且HTML标记、CSS样式及JavaScript行为的组合，极大地提高了Web前端的开发效率。本文主要研究基于Bootstrap技术的移动端Web开发。

1 HTML5、CSS3、JavaScript、Jquery简介

1.1 HTML5简介

HTML5的发展愈来愈迈向成熟稳定，很多的移动端开发已经逐渐走进大家平常生活中了，HTML5的技术已经完美取代了以往传统网站上的互动Flash。HTML5是新一代的HTML标准，它不仅拥有HTML中所有的特性，而且添加了很多实用的特性，如视频、音频、画布(canvas)等。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”

1.2 CSS3简介

CSS3是CSS的加强升级版。以前的规范作为一个模块实在是太庞大、复杂，所以加以改进的方法是将它分解为一些小的模块，把更多新的模块也加入进来，融合成一个新的简单又不冗余的模块。……