BootStrap全局CSS样式

布局容器

Bootstrap 需要为页面内容和栅格系统包裹一个.container容器，类用于固定宽度并支持响应式布局的容器。

<div class=".container"></div> 

bootstrap自动为.container设置了样式。

栅格系统

bootstrap提供了一套响应式的、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）的增加，系统自动分成12列。

Bootstrap 栅格系统的工作原理：

1，“行（row）”必须包含在.container中，以便为其赋予合适的排列（aligment）和内补（padding）。

2，通过“行（row）”在水平方向创建一组“列（column）”。栅格系统使用在<div class="row"></div>内。

3，栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ，提供了4种类型.col-xs-，.col-sm-，.col-md-，.col-lg-。

4，网格系统是通过指定您想要横跨的十二个可用的列来创建的。例如，要创建三个相等的列，则使用三个.col-xs-4。

5，如果在一个.row里包含的列大于12行，多余的列元素将作为一个整体单元被另起一行排列。

6，使用.col-md-offset-*可以将此列向右移动*列，实际是使用.col-md-offset-元素，增加了当前元素的左边距。