Bootstrap网格系统（Grid System）

Bootstrap网格系统（Grid System）

Bootstrap提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。

 

网格选项：列的数量和：12

超小手机（<768px） 最大容器宽度：auto   class的前缀：.col-xs-   最大列宽：auto ;

 

小型设备平板电脑（>=768px）最大容器宽度：750px   class的前缀：.col-sm-  最大列宽：60px;

 

中型设备台式电脑（>=992px） 最大容器宽度：970px   class的前缀：.col-md- 最大列宽：78px；

 

大型设备台式电脑（>=1200px）最大容器宽度：1170xp class的前缀：.col-lg-  最大列宽：95px;

 

一个列的每边分别 15px

间隙宽度：30px

 

 

下面是 Bootstrap 网格的基本结构：

<divclass="container"><divclass="row"><divclass="col-*-*"></div><divclass="col-*-*"></div></div><divclass="row">...</div></div><divclass="container">....