カラムの順序

普通は先に記述したカラムが左にきますが、.[大きさ]-push-[数字] と.[大きさ]-pull-[数字] クラスを使うことで表示される順序を変更することができます。変化が分かりやすいように後に記述したものの背景色を変更しています。スマホサイズの指定が無い時はスマホサイズになると(1カラムになる際)通常通り先に記述したものが上に表示されます。ウインドウサイズを小さくすると後に書いた色付きのカラムが下に表示されるので確認してみて下さい。


.small-8 .small-push-4
.small-4 .small-pull-8
.large-9 .large-push-3
.large-3 .large-pull-9
.medium-6 .medium-push-6
.medium-6 .medium-pull-6