カラムの中央寄せ

1行、合計12ではない時にカラムの中央寄せができます。また、サイズで中央寄せの解除もできます。
.[大きさ]-centered指定で中央寄せ、.[大きさ]-uncenteredで中央寄せの解除ができます。


スマホサイズで中央寄せにした例。
モバイルファーストなのでサイズを広げても中央寄せに。

.small-centered

PCサイズ以上で中央寄せにした例。

.large-centered

スマホサイズで中央寄せに、PCサイズ以上で中央寄せを解除した例。
モバイルファーストのためスマホサイズで指定した設定が、PCサイズ以上で解除するまで維持されるのでタブレットサイズでも中央寄せになります。

.small-centered .large-uncentered