动态排列卡片（基于可用空间）

Question

我偶然发现了这个网站：http://deweyapp.io/。如果您使用浏览器窗口的大小，您将看到这些卡要么掉到下一行，要么被推到前一行（取决于调整大小的操作）。

使用bootstrap或材料设计如何实现？对于我的生活，我无法弄明白。

谢谢， 弗拉基米尔

Answer 1

这些卡位于容器<li>中，其容器宽度为display:inline-block;