角材料响应ui

我必须在角材料css中开发一个响应ui。我已经安排了div作为它的1格在lg屏幕上，4格在md和1在sm屏幕上。因为我写了休耕码，但没有按预期工作。角材料响应ui

<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>

来源

2015-12-21 Rhushikesh

你为什么不使用'柔性sm'，'柔性md'和'柔性gt'？你的实际代码如何工作？强调实际与预期是很好的。 –