角度材料设计：布局对齐不起作用

Question

我不知道我的Angular Material代码中是否存在我遗漏的东西，但我似乎无法使我所设定的div成为中心并调整到我给它们的flex。这可能是Angular Material最新版本的问题吗？我尝试使用早期版本的相同代码，它工作正常（Vs. 0.8.3）。或者我需要为最新版本的Angular Material添加额外的东西吗？

HTML

<div layout="column" layout-align="center">
  <div layout="row" layout-align="center center">
    <div style="background-color:#00A000;height: 40px;" flex="60">
    </div>  
  </div>
  <div layout="row" layout-align="center center">
    <div style="background-color:#004444;height: 40px;" flex="60">
    </div>
  </div>
  <div layout="row" layout-align="center center">
    <p>what's up</p>
  </div>
</div>

以下是指向我的codepen的链接： http://codepen.io/anon/pen/MaNXOW

Answer 1

Angular材料仅支持主版本。

最新版本

  

v1.0.0-rc5

早期测试版：

  

0.11.4,0.11.2,0.11.1,0.11.0,0.10.1,0.10.0,0.9.4,0.9.0,0.8.3,0.8.2,0.8.1,0.8.0 ，0.7.1,0.7.0,0.6.1,0.6

Plunker using v1.0.0-rc5