Angular Materialのログインフォーム

Question

私はAngular Materialを使って遊んでいて、ドキュメントを読んできましたが、私が気にしているレイアウトをどのように設計するか分かりません。基本的には、すべての要素が列と幅が同じになるようなフォームが必要です。また、すべての要素やそれらを保持するアイテムの最大幅が500pxになるようにしたいと思います。また、画面上で縦と横の両方にセンタリングする必要があります。角度材料でこれを達成する方法はありますか？

Answer 1

これは達成しようとしていることですか？ http://jsfiddle.net/hd1by95r/59/

HTML：

<div layout="row" layout-align="center center" layout-fill class="outer"> 
    <div layout="column" class="wrapper" flex> 
    <md-input-container> 
     <label>Placeholder</label> 
     <input> 
    </md-input-container> 
    <md-input-container> 
     <label>Placeholder</label> 
     <input> 
    </md-input-container> 
    <md-button class="md-raised md-primary" flex> 
     Primary 
    </md-button> 
    </div> 
</div> 

CSS：

html, 
body { 
    width: 100%; 
    height: 100%; 
} 

.wrapper { 
    max-width: 500px; 
} 

.outer { 
    padding: 12px; 
}