如何对齐自举网格

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