现在的网站开发越来越趋向于一套代码适应不同终端设备，响应式整站开发已经越来越重要了，在这里，作者向大家推荐一款快速响应式开发的框架Bootstrap。Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。有了这款框架，大家开发响应式网站很方便快捷！
工具/原料
1
sublime text 3编辑器
2
bootstrap框架基本源文件
3
bootstrap中文文档
4
bootstrap在线可视化编辑器
方法/步骤
1
前往bootstrap中文官网下载框架
2
解压后，会有如图几个文件目录。它们就是bootstrap框架的核心代码文件。
3
这个时候，我们就可以根据正常的开发步骤进行建立index.html文件。如图所示
4
此时的index.html文件没有任何代码，我们如何快速添加正确的响应式页面代码呢？此时我们打开bootstrap在线中文文档，复制基本HTML代码即可。
5
这时候，作者在这里使用了一款bootstrap框架快速开发在线编辑器，如图所示
7
我们想要的版式拖拽更改完成后，点击“下载”按钮，即可生成body下面的全部代码，我们这个时候直接复制代码到本地index.html文档里面去即可
8
最后，保存本地index.html文件，在浏览器里面打开预览，跟我们在线编辑的一模一样。
注意事项
1
bootstrap在线可视化编辑器，不可能百分百满足大家需求，这里只是提供了一个快速响应式开发方案
2
响应式开发是一个需要不断学习的过程