2016-07-27 57 views
3

Bootstrap 4自帶一個新功能,名爲card-columns,可以製作類似masonry的頁面。所以我想用引導創建一個類似pinterest的行爲的無盡頁面。但是,當新元素插入到card-column時,它將插入到左側而不是底部。我可以用自舉4卡列製作無盡頁面

那麼,是否有可能使用它來創建無盡的頁面?

+0

是的,[有可能](http://www.codeply.com/go/KDgLEq6IGT)。發佈您的代碼。 – ZimSystem

回答

1

下面是一個無限/無盡滾動Bootstrap 4 card columns(磚石/ pinterest)的例子。

http://codeply.com/go/KDgLEq6IGT

這個例子與角度做,但基本上在接下來的「頁」在底部加載它附加更多card S中card-columns內。

編輯:CSS列的順序是從上到下,然後從左到右所以呈現列的順序將是..

1 3 5 
2 4 6 

有沒有辦法改變CSS列的順序。建議您使用另一種解決方案,如砌體。 https://github.com/twbs/bootstrap/issues/17882

+0

問題是,當卡被添加到**卡列**的底部時,頁面重新排列,中間行頂部的一些卡移動到左側,左側行移動到中間。 –

+0

在你的例子中,所有的新卡片都會進入最右邊的列。 –