カラムの順序

普通は先に記述したカラムが左(1カラムになる際は上)にきますが、.col-[prefix]-push-*と.col-[prefix]-pull-*クラスを使うことで表示される順序を変更することができます。変化が分かりやすいように片方の背景色を変更しています。


.col-sm-9 .col-sm-push-3
.col-sm-3 .col-sm-pull-9

設定なしの例(通常の場合)

.col-[prefix]-push-*と.col-[prefix]-pull-*クラスを設定しない場合。
先に記述したカラムが左に、ウィンドウサイズを小さくした際には上に表示されます。


.col-sm-9
.col-sm-3