像网格mat-grid-list

Question

我正在尝试使用角度2和角度材料来实现Bootstrap样式响应屏幕。

考虑这个例子：https://getbootstrap.com/docs/4.0/examples/album/ 当我们调整窗口大小时，缩略图开始堆叠。

我使用mat-grid-list使用角度材质，我希望实现相同的行为。

https://stackblitz.com/angular/oalnrrygvga?file=app%2Fgrid-list-dynamic-example.html

有关响应式布局网格的材料文档定义：

  

网格中显示的列数由。确定   断点范围（一系列预定的屏幕尺寸），其中a   屏幕被查看，无论是移动设备，平板电脑还是移动设备的断点   另一个尺寸

1）因此需要做些什么才能在角度材料中获得与bootstrap相同的结果

我找到了解决方案： Responsive Design using md-grid-list in angular 2

这里他们使用非角度材质库或使用窗口大小事件。如果材料应该响应，我们就不应该这样做。

那么有人可以帮我解决如何以纯粹的物质方式完成它。

请参阅：我是前端设计的初学者，所以我不知道来自UI世界的许多术语。

由于

Answer 1

Angular Flex-Layout在＆＃34; Angular＆＃34;中提供此功能。办法。有关详细信息，请参阅Displaying multiple grids in angular material。