Bootstrap 4 我可以用引导4个卡片列创建无休止的页面吗
Bootstrap4附带了一个新功能,名为Bootstrap 4 我可以用引导4个卡片列创建无休止的页面吗,bootstrap-4,pinterest,twitter-bootstrap-4,Bootstrap 4,Pinterest,Twitter Bootstrap 4,Bootstrap4附带了一个新功能,名为card columns,用于创建类似页面。所以我想用bootstrap创建一个具有类似行为的无休止的页面。但是当新元素插入到卡片列时将插入到左侧,而不是底部 那么,是否可以使用它来创建无休止的页面呢?下面是一个使用(Mashise/pinterest)进行无限/无休止滚动的示例 这个例子是用Angular()完成的,但基本上,当在底部加载下一个“页面”时,它会在卡片列中追加更多的卡片 编辑:CSS列的顺序是从上到下,然后从左到右,因此渲染列的顺序将是
card columns
,用于创建类似页面。所以我想用bootstrap创建一个具有类似行为的无休止的页面。但是当新元素插入到卡片列时
将插入到左侧,而不是底部
那么,是否可以使用它来创建无休止的页面呢?下面是一个使用(Mashise/pinterest)进行无限/无休止滚动的示例 这个例子是用Angular()完成的,但基本上,当在底部加载下一个“页面”时,它会在
卡片列
中追加更多的卡片
编辑:CSS列的顺序是从上到下,然后从左到右,因此渲染列的顺序将是
1 3 5
2 4 6
无法更改CSS列的顺序。建议您使用另一种解决方案,如砌石 对。张贴您的代码。问题是,当卡片追加到卡片列的底部时,页面重新排序器和中间行顶部的一些卡片会向左移动,而左边的行会移到中间。在您的示例中,所有新卡片也会移到最右边的列。