外層是橫向的row，內層切成12個row

.row
 .col-4
 .col-8

不使用CSS，只用html class指定排版空間

格線RWD

關鍵字	解釋	寬度定義
.col-	超小螢幕	所有
.col-sm-	小螢幕	576px以上
.col-md-	中螢幕	720px以上
.col-lg-	大螢幕	992px以上
.col-xl-	超大螢幕	1200px以上

格線系統的寬度指定為向上繼承模式，意即

• 如果只有指定最小螢幕.col-，那不論裝置多小或多大，他都會套用到.col-的設定
• 如果只有設定最大螢幕.col-xl-，那他只有在螢幕大於1200px的情況，才會套用到.col-xl-指定的比例，只要螢幕小於1200px，他全部都會變成.col-12

所以，如果沒有希望版面有任何RWD的設定，不論螢幕多小或多大格線系統的比例都一樣的話，建議使用.col-這組class