本章主要学习Bootstrap的基本架构
1、使用Bootstrap实现响应式设计
2、使用Bootstrap栅格系统
<!DOCTYPE html>
<html lang="zh-CN">
...
</html>
<meta name="viewport" content="width=device-width, initial-scale=1">
布局容器用于包裹页面中的内容。
bootstrap中通过class定义常用的样式，供大家使用，提高网页开发效率。在使用的时候我们只需要引入相应的bootstrap样式和js文件后，在对应的标签中引入预定义的class名称即可实现bootstrap中的预定义效果。
Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意，由于 padding 等属性的原因，这两种 容器类不能互相嵌套。
1.2.1 .container 类用于固定宽度并支持响应式布局的容器例：
<div class="container"> 使用Bootstrap中预先定义的container类的效果。</div>
1.2.2 .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器例：
<div class="container-fluid">使用Bootstrap中预先定义的container-fluid类的效果。</div>
使用 body {margin: 0;} 来移除 body 的边距 使用 body {margin: 0;}来移除 body 的边距
1.2.3 响应式图片例：
<img src="..." class="img-responsive" alt="响应式图像">
通过添加 img-responsive class 可以让 Bootstrap 3 中的图像对响应式布局的支持更友好
二、使用Bootstrap栅格系统
原文：https://www.cnblogs.com/chengyp/p/14451369.html