divstをブートストラップで並べ替え

Question

divを並べ替えることで応答性を処理する方法を理解したいと思います。私は最も柔軟な解決法を模索しようとしていますが、いずれも問題ありません。デスクトップ用

ビュー：モバイル用

ビュー：

Answer 1

ブートストラップは、箱から出して、このための素晴らしいシステムを持っています。さまざまな画面サイズで列をプッシュ/プルできます。 JavaScriptを必要とせず、新しいクラスを追加するだけです。

http://getbootstrap.com/css/#grid-column-ordering

そして、それには良いチュートリアル：彼らのドキュメントチェックアウト

https://scotch.io/tutorials/reorder-css-columns-using-bootstrap

Answer 2

をあなたが拡大しているときにそれらを並べ替えることがpushpullクラスを使用します。ブートストラップには、これに関する全セクションがここにあります：http://getbootstrap.com/css/#grid-column-ordering