本篇主要包括：
■ Grid简介
Grid简介
Bootstrap中，把页面分成12等份，这就是所谓的Grid。
立即学习 “前端免费学习笔记（深入） ”；
在Bootstrap中，用类名控制，这些类型遵循".col-xx-6"类似的形式。
2个6就占满整个页面。所以，类名最后面的数字表示要占几个格子。
又比如，3个4也占满整个页面。
又比如，4个3也占满整个页面。
又比如，6个2也占满整个页面。
另外，类似".col-xx-10 .col-xx-offset-2"这样的类名，offset表示偏移，2表示向右偏移2个单元格。
应用Grid
id为body的section如何应用Grid呢？
→给header加上class="container"属性，变为：
so far so good。但是，如果我们把浏览器的宽度缩小到像智能手机屏幕般大小，一些不和谐的方面呈现了出来：
比如，本来一行的标题撑成了2行：
比如，本来可以完整呈现的图片，现在需要滑动水平滚动条才可以窥其全貌：
还比如，原先在右边的部分，被挤到了下方，等等。
Multiple Grids
Multiple Grids的意思是：一个页面元素可以有多个表示单元格大小的类名。不同的页面宽度，启用不同的类。
在Bootstrap 3中，
我们可以为一个html元素赋予多个类名，区分地表示，在ld情况下占几个单元格，在md情况下占几个单元格,等等。
假设我们需要考虑sm的情况，即面宽度>=768像素的情况。
现在，把页面宽度调整到大概800像素的大小。
现在，把页面宽度调整到大概590像素的大小。
但是，当页面宽度
Bootstrap 3之美系类包括:
Bootstrap 3之美01-下载并引入页面 Bootstrap 3之美02-Grid简介和应用
