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">....