角度フレックスレイアウトの固定画面幅を設定する

Question

角度2アプリでhttps://github.com/angular/material2とhttps://github.com/angular/flex-layoutを使用すると、画面の幅全体を使用せずに固定幅に設定したいと考えています。ブートストラップ4

等価物はここに示されているように

<div class="container"> 
    <!-- Content here --> 
</div> 

を使用することであろう。http://v4-alpha.getbootstrap.com/layout/overview/

現在レイアウトは、画面全体に及びます。 私の質問：私はそれが一定の幅だけに広がることを望みます。どうすればいい？ここで私が使用している現在のhtmlスニペットがあります。

<md-toolbar color="primary" (click)="goHome()"> 
    <span> 
     Democratizer  
    </span> 
</md-toolbar> 
<div class="app-content"> 
    <router-outlet></router-outlet> 
</div> 

あなたがここにオリジナルを見つけることができます：https://github.com/nemoo/democratizer-angular/blob/master/frontend-angular/src/app/app.component.html彼らが固定@mediaタグに手動で行うようだとして、あなたは、https://material.io/guidelines/それはリソースのこの種を使用し、材料設計のページで見ることができるように

Answer 1

widthとを使用してmargin: auto