角材md-list彎曲

Question

我想使用Angular Material的md-list來顯示元素，使用響應式設計。我的任務是如果媒體設備很小，則將這些項目顯示在1列中，如果它大於小，則顯示在3列中。 我在想這樣的事情：

<md-list layout="row" layout-wrap> 
    <md-list-item flex="33" flex-sm="100" class="md-2-line" ng-repeat="item in items"> 
    <div class="md-list-item-text"> 
     <h3>{{occasionType.occasionType}}</h3> 
     <p>{{occasionType.name}}</p> 
    </div> 
    </md-list-item> 
</md-list> 

但它不起作用。有人可以幫忙嗎？

Answer 1

嘗試使用layout-sm="column"

<div layout="row" layout-wrap layout-sm="column"> 
<div flex="33" class="md-2-line" ng-repeat="item in items"> 
<div class="md-list-item-text"> 
    <h3>{{occasionType.occasionType}}</h3> 
    <p>{{occasionType.name}}</p> 
</div> 
</div> 
</div> 

這對我的作品。