角度資料2 - どのようにここで

Question

の減少幅に合わせるセンターには、私のHTMLはこれが50％の幅でレンダリングされるコンテンツのために必要とされるどのような変更、デスクトップとモバイルで全幅を取る

<md-tab-group> 
    <md-tab> 
    <template md-tab-label>One</template> 
    <template md-tab-content> 
     <md-content class="md-padding"> 
     <h1 class="md-display-2">Tab One</h1> 
     </md-content> 
    </template> 
    </md-tab> 
    <md-tab> 
    <template md-tab-label>Two</template> 
    <template md-tab-content> 
     <md-content class="md-padding"> 
     <h1 class="md-display-2">Tab Two</h1> 
     </md-content> 
    </template> 
    </md-tab> 
</md-tab-group> 

ですデスクトップとセンターで整列？

Answer 1

これはすべてHTMLであり、あなたはスタイリング（CSS）で何をしているのかを表示していません。

ブートストラップでは、次の2つのクラスを追加できます。 "col-md-6 col-offset-md-3"は、あなたが探していることを行います。このように：

<md-tab-group class="col-md-6 col-offset-md-3"> 
    <md-tab> 
    <template md-tab-label>One</template> 
    <template md-tab-content> 
     <md-content class="md-padding"> 
     <h1 class="md-display-2">Tab One</h1> 
     </md-content> 
    </template> 
    </md-tab> 
    <md-tab> 
    <template md-tab-label>Two</template> 
    <template md-tab-content> 
     <md-content class="md-padding"> 
     <h1 class="md-display-2">Tab Two</h1> 
     </md-content> 
    </template> 
    </md-tab> 
</md-tab-group>