Bootstrap 4 我可以用引导4个卡片列创建无休止的页面吗

Bootstrap 4 我可以用引导4个卡片列创建无休止的页面吗,bootstrap-4,pinterest,twitter-bootstrap-4,Bootstrap 4,Pinterest,Twitter Bootstrap 4,Bootstrap4附带了一个新功能,名为card columns,用于创建类似页面。所以我想用bootstrap创建一个具有类似行为的无休止的页面。但是当新元素插入到卡片列时将插入到左侧,而不是底部 那么,是否可以使用它来创建无休止的页面呢?下面是一个使用(Mashise/pinterest)进行无限/无休止滚动的示例 这个例子是用Angular()完成的,但基本上,当在底部加载下一个“页面”时,它会在卡片列中追加更多的卡片 编辑:CSS列的顺序是从上到下,然后从左到右,因此渲染列的顺序将是

Bootstrap4附带了一个新功能,名为
card columns
,用于创建类似页面。所以我想用bootstrap创建一个具有类似行为的无休止的页面。但是当新元素插入到
卡片列时
将插入到左侧,而不是底部


那么,是否可以使用它来创建无休止的页面呢?

下面是一个使用(Mashise/pinterest)进行无限/无休止滚动的示例

这个例子是用Angular()完成的,但基本上,当在底部加载下一个“页面”时,它会在
卡片列
中追加更多的
卡片

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

1  3  5
2  4  6

无法更改CSS列的顺序。建议您使用另一种解决方案,如砌石

对。张贴您的代码。问题是,当卡片追加到卡片列的底部时,页面重新排序器和中间行顶部的一些卡片会向左移动,而左边的行会移到中间。在您的示例中,所有新卡片也会移到最右边的列。