フレックスレイアウトを使用して角度2の材料で応答性の高いレイアウトを作成する

Question

フレックスレイアウトを使用して角度2の材料でレスポンシブなレイアウトを開発する方法。 角度のある素材では、デスクトップ上の反応性レイアウトのために以下のコードを使用します。&モバイルビュー。 ex。

<div layout="row" layout-xs="column" layout-wrap="" layout-align="center center"> 
    <div flex="33" flex-xs="100"> 
    </div> 
    <div flex="33" flex-xs="100"> 
    </div> 
    <div flex="33" flex-xs="100"> 
    </div> 
</div> 

Answer 1

私はこの時点で使用しています。それは本当に快適です。 Click

詳細情報はこちらです：：例とCSSでそれを使用してClick

：Click

とオンライン例：Click

あなただけに必要な、それをインストールするには

フレックスコンテナおよびフレックスアイテムクラスの使用場所を決定します。そして、fxLayoutとfxLayoutAlignディレクティブをtrueに設定する必要があります。残りの作業を処理します。

私は@angularと一緒に使用します。2.4.3