角度のあるマテリアルデザイン - 応答のある固定列幅グリッドの作成

Question

固定幅の列幅を持つ水平中心の可変マージングリッドを作成しようとしていますが、列数は応答します。上記の例では

<md-bottom-sheet class="no-pad"> 
    <nav id="resource-tray"> 
    <md-toolbar> 
     <div class="md-toolbar-tools"> 
     <h3>title</h3> 
     <span flex class="flex"></span> 
     <md-button aria-label="Close Tray" ng-click="closeTray()" id="resource-tray-close-control">X</md-button> 
     </div> 
    </md-toolbar> 
    <md-content layout-align="center"> 
     <md-grid-list 
      md-cols-xs="1" md-cols-sm="3" md-cols-md="5" md-cols-lg="7" md-cols-gt-lg="11" 
      md-colspan="173px" 
      md-row-height="158px"> 
     <md-grid-tile ng-repeat="page in state.pages" 
        ng-click="selectResource($parent.$index+1)" 
        md-colspan-gt-sm="1" 
        md-rowspan-gt-sm="1"> 
      <resource-tile ng-repeat="resource in page.data" ng-click="selectResource($parent.$index+1)"></resource-tile> 
     </md-grid-tile> 
     </md-grid-list> 
    </md-content> 
    </nav> 
</md-bottom-sheet> 

、私は

<md-grid-list md-colspan="173px" ...> 

を設定すると、列の幅を修正するだろうが、それは働いていないと仮定しました。

Answer 1

md-bottom-sheetタグにflex="..."タグを追加して中央に配置する場合は、layout-align="..."をmd-buttom-sheetタグに追加します。それがあなたがしようとしているものでないなら、私に知らせてください。 -