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

时间:2016-07-27 12:11:31

标签: bootstrap-4 pinterest twitter-bootstrap-4

Bootstrap 4附带了一项名为card-columns的新功能,可以制作masonry - 就像页面一样。所以我想创建一个带有pinterest的无限页面 - 与bootstrap一样的行为。但是当新元素插入card-column时,它将被插入到左侧而不是底部。

那么,是否可以用它来创建无穷无尽的页面?

1 个答案:

答案 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