Html 如何对齐引导网格

我正在尝试创建一个twitter网格，我有一些网格跨度比其他网格跨度更高，在网格的每一行上，跨度被向下推。我想做的是让这些项目显示在over items下面。我拍了一张它的屏幕截图，并用Photoshop处理了我想要的效果。下面是截图

---

这是一个常见问题，因为网格元素必须在行中，所以第一个和最后一个将分别松开左侧和右侧填充

我使用的变通方法： -如果每行有一定数量的网格元素，那么我不包括

，只包括网格元素，然后使用第三个和第四个元素的n-child（）属性删除额外的填充（如果有三个网格元素）

---

您还可以尝试使用

引导网格对齐/高度问题共有3种方法

像这样一种只使用CSS的方法

像这样的“clearfix”（响应重置）方法（需要每x列迭代一次）

最后，您可能需要使用同位素/砌体插件。下面是一个使用同位素+引导的工作示例

---

非常感谢，我使用了同位素/砖石插件，它帮助了我：）