Bootstrap是Twitter推出的一个开源的前端框架。

　　Bootstrap由Twitter的设计师Mark Otto和Jacob Thornton合作开发，由动态语言Less写成。它是一套“易用、优雅、灵活、可扩展”的前端工具集，提供了优雅的HTML/CSS规范。

　　Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目,包括MSNBC(微软全国广播公司)的Breaking News都使用了该项目。

　　Bootstrap兼容于所有主流浏览器，包括各种移动设备。

　　工具/原料

　　Windows系统

　　Dreamweaver编辑器

　　方法/步骤

　　下载和使用

　　Bootstrap建立了一个响应式的12网格布局系统，它引入了fixed和fluid-with两种布局方式，可以快速构建Web应用。目前Bootstrap最新版本为3.0.0，可以在Bootstrap的官方网站http://twitter.github.com/bootstrap/上下载源码。

　　Bootstrap使用非常简单，打开任何文本编辑器，新建一个文件并命名为：test.html, 在该文件开始处添加Bootstrap框架代码：

　　< script src="jQuery.js">< /script>

　　< script src="bootstrap.js">< /script>

　　从上面的代码可以看到：Bootstrap基于JQuery构建，所以需先引入JQuery。Bootstrap框架代码包括了bootstrap.js和bootstrap.css两个文件。

　　然后，我们可以将如下代码替换body元素的内容：

　　4上面的代码中，我们采用流式布局构建，将页面分成两部分：左边是7个链接，占3个宽度;右边是一个Hello world的标题，占9个宽度。

　　开发各类商城，直播卖货软件app，小程序，包装设计等需求就上一品威客，一品威客网聚集了千万优质的服务商, 一个新型创意托付式服务平台!