Bootstrap 关于背景图像的自适应和行的栅格化

Bootstrap 是基于列来栅格化网页的，因此使用它，麻烦就在于行坐标难以确定，bootstrap 是根据列坐标来实现页面编辑的。

Bootstrap 在初次使用时的一些感受
它在行编辑的同时，实现了背景图片的默认自适应、文字与所在区域的自适应，文本在各个区块 div 之间的串扰，以及浏览器工作框改变尺度时内容的正常显示。
但是，在浏览器大规模的比例缩放时，背景图片和图片之上的组件容易分离。不过这种只是两个部分分离的结果，要比不使用 Bootstrap 编辑网页结构要好很多。

行的间距调整 ———— 且暂理解为行的格栅化吧
使用Bootstrap的时候，首先一个问题是调整与上边界的距离，往往采用 top 去实现就比较捉急，在position属性为absolute的时候，不论是 top 结合像素还是结合百分比来表示一个div，都会出现无法正常栅格化的问题。为了满足布局上的间距要求，常常可以使用换行符<br>实现文本的间距调整。
在页面内容比较少的时候，为了在页面底部实现页脚的数据编写，比较无赖的一个方法就是使用margin-top:一个比较大的像素值；实现文本的显示沉底。

使用container与不使用container的区别
使用容器时，在容器两端，会给容器中的内容预留两个列宽，在容器中间将会实现 12 个格栅的等分。
不使用容器时，会给出占满整个页面的布局内容，也适用12个列宽的布局。

container 和 row 的使用
一般 container 类在外，row 类在内，实现对格栅页面的编辑。
一个模块的整行写完，再写下一个整行的模块，每次模块的最外两层，就是容器和行的类。
为了让组件在页面中间或者偏移中间显示，比较方便的是采用 col-sm 和 col-sm-offset 使用偏移常常需要结合浏览器不断地在html文件之中调试。