Bootstrap 4附带了一项名为card-columns
的新功能,可以制作masonry - 就像页面一样。所以我想创建一个带有pinterest的无限页面 - 与bootstrap一样的行为。但是当新元素插入card-column
时,它将被插入到左侧而不是底部。
那么,是否可以用它来创建无穷无尽的页面?
答案 0 :(得分:1)
以下是使用Bootstrap 4 card columns(砌体/ pinterest)进行无限/无限滚动的示例。
http://codeply.com/go/KDgLEq6IGT
这个例子是使用Angular(full article)完成的,但基本上它会在card
中在下一个"页面"中附加更多card-columns
s。在底部加载。
编辑:CSS列的顺序是从上到下,然后从左到右,所以渲染列的顺序将是..
1 3 5
2 4 6
无法更改CSS列的顺序。它建议你使用像砌体这样的另一种解决方案。 https://github.com/twbs/bootstrap/issues/17882