摘要：伴随着互联网的快速发展，各种互联网的应用已经越来越走进人们的生活之中。现阶段CSS3+HTML5的完美结合，使得前端的交互式应用更加的人性化。随着互联网+的推行，移动互联网更是飞速发展，但是传统的网页在移动互联网中的兼容性却大打折扣。Bootstrap是一个用于快速开发Web应用程序和网站的前端框架，它几乎包含了前端开发中你所需要的一切东西。本文将阐述如何利用Bootstrap快速、高效的开发出适应移动互联网的Web前端页面。

关键词：Bootstrap；移动互联网；Web开发；前端页面

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2017）06-0082-03

1 什么是Bootstrap

Bootstrap来自 Twitter，是目前很受欢迎的前端框架。Bootstrap是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。[1]Bootstrap是基于HTML5的前端开发组件，由Twitter的前端开发工程师Mark Otto和Jacob Thornton共同开发，致力于降低前端开发的难度，使前端开发更加简洁、高效。2011年8月Twitter公司开放了Bootstrap的源代码，目前Bootstrap已成为Github上比较流行的开源框架，受到广大前端开发人员的欢迎。

Bootstrap框架使用起来比较灵活，其提供的库文档可读性很强，易于掌握，开发人员可以基于Bootstrap可扩展库构建或扩展自己的项目。Bootstrap经过不断发展，对各大浏览器的兼容性做得比较好，支持响应与非响应式的WEB设计，包含了几十个组件，可以在多种设备上稳定运行。Bootstrap框架的出现，极大降低了开发成本，同时也能大幅度提高WEB前台开发的效率，现在已经有越来越多的编程开发人员使用Bootstrap框架进行WEB网页前端设计了。

2 为什么使用Bootstrap设计网页

Bootstrap框架兼容大部分jQuery插件，是基于jQuery进行个性化完善的一套框架，采用HTML5和CSS3标准进行规范，能够适应手机端的网页开发，具有自己独特的设计风格。……