グリッドシステム例

PCでウインドウサイズを変更しながら確認してみてください。


2カラム

タブレットサイズ(767px)以上で2カラム、タブレットサイズ(767px)以下で全て1カラムに切り替わります

.col-sm-8
.col-sm-4

タブレットサイズ(767px)以下でもカラムを変更しない設定

.col-xs-8
.col-xs-4

3カラム

タブレットサイズ(767px)以上で3カラム、タブレットサイズ(767px)以下で全て1カラムに切り替わります

.col-sm-3
.col-sm-6
.col-sm-3

12カラム

タブレットサイズ(767px)以下で全て1カラムに切り替わります

.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1