使用flex布局在角度2材质中开发响应式布局

Question

如何使用flex布局在角度2材质中开发响应式布局。 在角度材料中，我们使用下面的代码在桌面和桌面上进行响应式布局。移动视图。 恩。

<div layout="row" layout-xs="column" layout-wrap="" layout-align="center center">
    <div flex="33" flex-xs="100">
    </div>
    <div flex="33" flex-xs="100">
    </div>
    <div flex="33" flex-xs="100">
    </div>
</div>

Answer 1

我现在正在使用它。真的很舒服。

安装它：Click

更多信息在这里：Click

要在css中使用它，并附带示例：Click

一个在线示例：Click

您只需要确定使用flex-container和flex-item类的位置。您需要将fxLayout和fxLayoutAlign指令设置为true。它处理其余的工作。

我在@angular 2.4.3

中使用它