我可以用 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
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