响应式布局之bootstrap布局

在写页面时，其实它的html和css写起来是最麻烦的，特别是样式，我们只能一点点的去改，为了开发的效率，我们就要学会使用boostrap这个目前最受欢迎的前端框架了。
首先网址：中文网：http://www.bootcss.com/
官网：http://getbootstrap.com/
我们可以通过这两个网址去下载它

1.bootstrap

1.1 简介

Bootstrap 来自 Twitter（推特），是目前最受欢迎的前端框架。Bootstrap 是基于HTML、CSS 和 JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。
版本：
2.x.x：停止维护,兼容性好,代码不够简洁，功能不够完善。
3.x.x：目前使用最多,稳定,但是放弃了IE6-IE7。对 IE8 支持但是界面效果不好,偏向用于开发响应式布局、 移动设备优先的WEB 项目。
4.x.x：最新版，目前还不是很流行

1.2 优点

标准化的html+css编码规范
提供了一套简洁、直观、强悍的组件
有自己的生态圈，不断的更新迭代
让开发更简单，提高了开发的效率

2. 如何使用

第一步：首先我们需要去官网下载bootstrap，一般我们现在使用的最多的就是v3.3.7版本了

在这里插入图片描述


第二步，我们要在我们的html文档里引入，在下载页面往下面翻就有一个基本模版，但是引入的时候要注意，bootstrap的js文件全部都是依赖于jQuery写的，因此我们一定要先引入jQuery文件才行，如图：

第三步：查看bootstrap的全局样式以及api，我们需要用到什么样式直接加类名就可以了

总结

bootstrap是一个非常强悍的前端框架，我们在写页面，特别是响应式布局的时候使用bootstrap会非常的便利，当然，因为bootstrap的东西非常的多，想要熟练使用是有一定难度的，同时也要注意，不要改动它已经有的类名，如果需要额外添加或者修改样式，就加上一个新的类名，然后再进行修改