ブレイクポイントごとの表示

ブレイクポイントごとに表示・非表示を設定した例。分かりやすいように設定したカラムの背景色を変更しています。
表示・非表示の状態を確認できると思います。


visible-xs設定例

スマホサイズ(767px)以下にウインドウサイズを変更すると表示されます。


.col-sm-9 .visible-xs
.col-sm-3

visible-sm-block設定例

タブレットサイズ(768px〜991px)でのみ表示されます。


.col-sm-9 .visible-sm-block
.col-sm-3

hidden-xs設定例

スマホサイズ(767px)以下では表示されません。


.col-sm-3

hidden-sm設定例

タブレットサイズ(768px〜991px)でのみ表示されません。


.col-sm-3