bootstrap柵格化佈局

以前我只知道bootstrap會自動生成12列，可是他會根據頁面的大小而自動換行

當屏幕小於768px即爲手機屏幕的時候 柵格行爲老是水平排列 類的前綴爲.col-xs

當屏幕大於768px時，最大列寬爲62px，類前綴爲col-sm

當屏幕大於992px時，最大列寬爲81px ，類前綴爲col-md

當屏幕大於1200px時，最大列寬爲97px,類前綴爲col-lg

根據這一規律 ，假設咱們想讓一個網頁在手機上顯示三行 在平板上顯示兩行，在桌面上顯示一行 則能夠設置類爲

col-md-12

col-sm-6

col-xs-4