グリッドシステム例

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