简介
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。阅读更多有关bootstrap
前端框架这个名词并不能直观地描述bootstrap的具体内容，它其实就是包含扁平化设计ui+响应式栅格系统+css样式+基本html组件+js组件+其他实用工具在内的一个前端工具集合。
使用入门
想要学会使用boostrap第一步当然是阅读它的文档，文档分为四个主要部分：
这里介绍了如何在你的网页中引入并开始使用bootstrap，安装bootstrap有很多种方法，初学者只需要记住下面这种最基本的方式就好，如果你联网很方便，可以直接使用CDN链接，如果需要离线使用，也可以下载bootstrap到本地并把地址替换成你的本地路径啦。
起步里还提供了一个很有用的基本模版：
Bootstrap 101 Template
你好，世界！
如果我们想要以最快的速度开始使用，直接复制这一段代码就可以开始啦。在页面的顶部引入css底部引入js是编写html的基本常识，这样可以保证页面最自然地载入。
同样它还很贴心地提供了一些例如带导航栏的页面、着陆页、控制台、登录页等最常用的页面模版，这些代码你也可以直接复制使用袄。
这个部分的内容介绍了bootstrap的柵格系统，bootstrap就是靠这一套系统实现响应式的。响应式可以理解为同一个页面可以依据设备屏幕或浏览器窗口的大小自行适应布局。如果你想要一个直观的体会，可以试着打开使用bootstrap的网页并拖动你浏览器窗口的大小，观察页面会如何变化。
除此之外这里还介绍了bootstrap文本、按钮、表单、表格等基本html元素的样式。使用Bootstrap编写网页，就好像P图拥有了美图秀秀一样，你不再需要仔细钻研色相包和对比度，只需要给照片挑选一个滤镜就可以了，在Bootstrap中创建一个按钮，不需要你考虑背景色边框形状字体大小，只需要给标签加一个class="btn btn-default"的属性就大功告成啦。
这里的内容包括bootstrap提供的图标、导航栏、菜单等等构成页面的基本组件。很多的代码示例都可以直接复制来使用。
这部分是一些带动画效果的页面组件，例如模态框、下拉菜单、弹出框、轮播图等。
参考资料
- Bootstrap官网 http://getbootstrap.com
- Bootstrap中文网 http://www.bootcss.com
- 网站使用案例 http://expo.bootcss.com/
- Github https://github.com/twbs/bootstrap
教程
- Bootstrap菜鸟教程 http://www.runoob.com/bootstrap/bootstrap-tutorial.html
- Bootstrap on W3Schools http://www.w3schools.com/bootstrap
- 慕课网视频教程 http://www.imooc.com/course/list?c=bootstrap
模版
- Bootstrap免费模版 http://startbootstrap.com
- 模糊效果后台模版 http://akveo.github.io/blur-admin/
- 后台模版 https://colorlib.com/polygon/gentelella/index.html
- 仪表盘 http://keen.github.io/dashboards/
主题
- Flat－ui http://designmodo.com/flat-free/
- 各种配色主题 https://bootswatch.com/
- 基于bootstrap的主题框架 http://bootflat.github.io
实用工具
- 实用代码片段 http://bootsnipp.com/ 提供一些有用的在线工具和代码片段
