レイアウトとフレックス順序

Question

画面サイズが「SM」よりも大きい場合、私は行である容器を有する

<div layout="column" layout-gt-sm="row" layout-margin="20px" > 
<div id="div1" flex="80"> 
</div> 
    <div id="div2" flex="20"> 
    </div> 
    </div> 
    </div> 

それがカラムになると、私は私のdiv2を上に積層必要div1の最上位ですが、自然順番では、左側のdivは右側のdivに重ねられます。

これを変更して、div1または他のdivの上部にあるdivを右に表示するにはどうすればよいですか？

Answer 1

flex-orderとflex-order-gt-smオプションを使用すると、目的の結果が得られます。 http://codepen.io/next1/pen/EKXedG

詳細は、公式ドキュメントMaterial Layout

をチェックするために