角材料響應ui

Question

我必須在角材料css中開發一個響應ui。我已經安排了div作爲它的1格在lg屏幕上，4格在md和1在sm屏幕上。因爲我寫了休耕碼，但沒有按預期工作。

<div layout="row"> 
          <div flex="100" flex-gt-sm="50" flex-gt-md="25">Name :</div> 
          <div flex="100" flex-gt-sm="50" flex-gt-md="25">Rhushikesh G. lokahnde</div> 
          <div flex="100" flex-gt-sm="50" flex-gt-md="25">Date of Birth :</div> 
          <div flex="100" flex-gt-sm="50" flex-gt-md="25">25th August 1990</div> 
         </div> 

Answer 1

您需要添加布局封裝否則它不會換行，內容將在1行。

https://material.angularjs.org/latest/layout/options