Angular 4材质是否像引导程序一样敏感? [英] Is Angular 4 material responsive like bootstrap?

问题描述

我正在使用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.

我错过了什么吗?角形材料是否支持类似的响应能力，还是应该在我的应用程序中同时使用两者?

推荐答案

要在现代角度应用程序中添加响应能力，您可以使用 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 是基于旧版浏览器不支持.

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 现在有了 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材质是否像引导程序一样敏感?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！