问题描述
我正在使用Angular 4开始一个新项目，需要创建响应迅速且令人愉悦的用户界面.
I am starting on a new project with Angular 4 and need to create responsive and pleasant user interface.
- 引导程序可为您提供响应能力，但不会给人以物质感觉
- 角度材料可提供出色的UI体验 https://material.angular.io
我知道引导程序，并在以前的AngularJS应用程序中使用了它，但是有角度的材料对我来说是新的.遵循文档似乎很容易，但是我找不到响应性支持.
I know bootstrap and used it in previous AngularJS apps, but angular material is new to me. It seems easy to follow docs but i cannot find the responsiveness support.
我不想混合使用它们，但是无法找到引导程序提供的移动支持的列响应性.
I don't want to mix them but have not been able to find that column responsiveness for mobile support that bootstrap provides.
我错过了什么吗?角形材料是否支持类似的响应能力，还是应该在我的应用程序中同时使用两者?
推荐答案
要在现代角度应用程序中添加响应能力，您可以使用 Flex-layout 与 material2 完全分开，因此即使不使用，也可以使用它您的应用中的material2.
To add responsiveness in modern angular app you can use Flex-layout it is completely separate from material2 so you can use that even without using material2 in your app.
请记住，由于 flex-layout 是基于 Flexbox CSS ，因此它是旧版浏览器不支持.
Bare in mind that as flex-layout is based on Flexbox CSS so it is not supported in old browsers.
以下是一些示例
还要查看新的 ngAir情节谈论 Flex-Layout
更新:
从 6.0开始. 0-beta.16 flex-layout 现在有了支持CSS网格的API .您可以通过检查 pr#712
Starting from 6.0.0-beta.16 flex-layout now has an API to support CSS Grid. You can find more details by checking pr#712
这篇关于Angular 4材质是否像引导程序一样敏感?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！