如何對齊自舉網格

Question

我想創建一個twitter網格，我有一些網格跨度有更大的高度，然後其他人和網格的每一行跨度被推下來。我想要做的是讓項目出現在多個項目下。我拍攝了一張它看起來像的屏幕截圖，並且我有我喜歡的照片。下面的屏幕截圖。

Here is the original

Here is the photoshoped

Answer 1

有3樓來引導網格對齊/身高問題，整體的方法..

一個CSS只喜歡這種方法這..

http://bootply.com/85737

A 'clearfix'（響應復位）這樣的這種做法（要求每個迭代的x列）..

http://bootply.com/89910

最後，你可能想使用同位素/砌體插件。下面是一個使用同位素+引導工作的例子..

http://bootply.com/61482

Answer 2

這是一個常見的問題，如電網的元素必須在行，以便第一和最後將失去分別爲左，右填充。

解決方法我用： - 如果每行網格元素的一組號碼，然後我不包括<div class='row'>，只是網格元素，然後用第n個孩子（除去微胖）每三的財產和第四個元素（如果有三個網格元素）

你也可以嘗試使用masonry