左右の余白無し表示


.rowと併記して.large-collapseを指定しPCサイズ(1025px以上)では左右の余白無しにした例。

スマホからタブレットサイズは左右余白あり。
PCサイズでは左右余白無し。
スマホからタブレットサイズは左右余白あり。
PCサイズでは左右余白無し。

下記は違いを分かりやすくしたデモです。

スマホからタブレットサイズまでは左右余白あり

PCサイズでは左右余白無し

スマホからタブレットサイズまでは左右余白あり

PCサイズでは左右余白無し


.medium-collapseを指定しタブレットサイズ(641px以上)では左右の余白無しにした例。

スマホサイズは左右余白あり

タブレットサイズ以上は左右余白無し

スマホサイズは左右余白あり

タブレットサイズ以上は左右余白無し


.medium-collapseを指定しタブレットサイズ(641px以上)では左右の余白無し
.large-uncollapseでPCサイズ(1025px以上)では左右の余白ありに戻した例

スマホサイズは左右余白あり

タブレットサイズ以上は左右余白無し

スマホサイズは左右余白あり

タブレットサイズ以上は左右余白無し