我可以用 bootstrap 4 个卡片列制作无尽的页面吗

Can I make endless page with bootstrap 4 card-columns

Bootstrap 4 带有一个名为 card-columns 的新功能,使 bootstrap 具有类似 masonry-like page. So I want to create an endless page with pinterest 的行为。但是当新元素插入到 card-column 时,它将被插入到左侧而不是底部。

那么,是否可以用它来制作无尽的页面呢?

这是一个 infinite/endless 使用 Bootstrap 4 card columns 滚动的示例(masonry / pinterest)。

http://codeply.com/go/KDgLEq6IGT

这个例子是用 Angular (full article) 完成的,但基本上当下一个 "page"加载在底部。

编辑:CSS 列的顺序是从上到下,然后从左到右,因此呈现的列的顺序将是..

1  3  5
2  4  6

无法更改 CSS 列的顺序。建议您使用其他解决方案,例如 Masonry。 https://github.com/twbs/bootstrap/issues/17882