1、首先准备工作，登录bootstrap中文官方网站 这是学习bootstrap最全面的网站。
2、然后下载bootstrap；这里有两种办法一是直接下载，二是定制下载。一般来说推荐定制下载。这里先两种读会讲到，先来直接下载的方式。点击下载，随意下载到什么位置，后面可以改。
3、点击下载，得到一个压缩包，本文默认下载到桌面了，比较直观。然后解压，如下图有三个文件夹。
4、这里呢有的是不需要的，所以我们直接删除font文件夹；其他两个文件夹里面的文件也是不是全部需要的，打开css文件夹删除除了文中红框外的文件；js文件夹也是同样删除除了文中红框外的文件；
5、然后这里删除好了，还需添加一个文件。在js文件夹添加一个jQuery，jQuery百度下载就好了，一般1.7.2以上版本就可以；当然1.9.1以上版本更好，看需求。然后bootstrap就下好了。
6、接下来就是安装web前端工具brackets了，目前最新版本是1.5；附上下载地址：http://brackets.io/ 直接点击下载，会出现两种情况一种是直接弹出下载框，唁昼囫缍这种情况直接选择下载路径下载就好了；另一种是弹出一个列表页面，选择图中红框后缀是msi的下载就好。（可能会出现下载失败，多下载几次或者回台电脑下载就ok）下载完成，选择路径安装，没什么注意的下一步就行。
7、找到刚刚弄好的bootstrap文件夹，给文件夹给一个名字，中英文都可以；然后右键用brackets打开；没有的话打开brackets从文件打开》》打开目录。如图：
8、然后，我们需要网页，这里没有是吧；那我们就新建一个网页，方式如下：左边灰色空白位置右键新建文件；给文件英文命名并加上后缀.html。一个空白的网页就建好了。
9、然后我们打开bootstrap官网；选择起步—基本模板；点击右上角复制就能全部翱务校肢复制，粘贴到刚刚新建的空白网页上。主页 红色方框需要我们注意对应的路径；一般除了jQuery不会错，因为jQu髫潋啜缅ery是我们自己下载的；改成js/你的jQuery文件名就OK（就是你的js的路径）。js/就会弹出给你选择了，相当方便。
10、然后我们测试一下效果吧。在这之前，先安装一个谷歌浏览器。因为brackets是可以实时预览的，支持谷歌浏览器。安装好谷歌，我们就可以安心的写代码了，让我们在下图红框位置无限发挥吧，多少行都可以。
11、好的，我这里就随便加一个按钮看看效果吧。点击右上角的闪电图标，谷歌就会自动弹出，稍等便可以看到效果了。接下来，在做修改就不要的、再点，直接在浏览器实时预览就ok!当然你写了也不需要保存，就可看哟！想做出炫酷的页面，就认真看bootstrap官网吧，内容绝对充足。
