Bootstrap框架的由来：
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。 Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
Bootstrap是一种适用于PC端和移动布局的UI框架，做响应式开发推荐使用Bootstrap。
那我们就简单的了解下响应式布局和自适应布局：
响应式布局：页面会根据屏幕的尺寸做页面布局的调整，方便页面的浏览与操作。
自适应布局：根据页面的尺寸，调整页面的元素的显示的大小， 但不改变布局，只改变元素的显示大小已。
学习bootstrap框架：首先最重要的一点就是搭建bootstrap环境，由于bootstrap更新过快，版本较多。推荐大家选择Bootstrap的版本，推荐选择V3.3.7版本（成熟、文档、实用、文档多）,
Bootstrap历史版本浏览，可通过http://www.bootcdn.cn/bootstrap/文章来查看,通过复制链接网址进入
bootstrap文件格式有两种:
1、原始文档（开发者调试），2、压缩文档,文件命名格式 xxx.min.xx ,例如： bootstrap.min.css（上线后用），通过后缀名我们知道这是什么文件，
源码 v.3.3.7版本的官网：（https://v3.bootcss.com/getting-started/#download）
我们需要的主要是：
https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css 复制全部
https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js 复制全部
及环境搭建后代码如下：
注意的是：bootstrap是在jquery的基础上，所以要把jquery文件放在bootstrap上面（代码由上至下开始执行）
依赖jquery，最低版本要求1.9.1（jquery.js）
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<!--使用最高系统中最高版本的IE内核渲染-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--支持移动端设备渲染，支持媒体查询-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap开发环境的搭建</title
<!-- 引入bootstrap的样式文件 -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- 兼容IE6-8-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- 引入jquery，bootstrap基于JQ-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- 引入bootstrap的js文件 -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>