版本选择

当前最新版是4.x，但考虑到浏览器兼容，最好还是先用3.x。

栅格布局原理

一、基本规则

1.将屏幕分为一个个沿水平方向和垂直方向有序排列的栅格（网格/单元格）

2.所有的数据都必须放在栅格中

3.采用响应式布局，移动设备优先

4.屏幕按水平方向分为12个等份

二、屏幕分辨率的划分的依据：

1.(screen<768px):超小屏幕:col-xs-x（x的取值范围是1-12）

2.(768<=screen<992px):小型屏幕：col-sm-x

3.(992px<=screen<1200):中型屏幕col-md-x

4.(screen>=1200):超大屏幕col-lg-x

三、实现原理和步骤:

1.第一步:创建出一个容器：class="container"

2.第二步:创建出一个行：class="row"

3.第三步:创建出栅格，并设置布局样式：class="col-md-4"