Html 引导3中有间隙的方形网格

我正在使用twitter引导网格系统创建一个响应迅速的网站。我的大多数标记都工作得很好，但我有一个棘手的问题，这让我很生气

我需要以下标记结果：

如您所见，有三种不同类型的框

• 黑色正方形（带有背景图像）
• 四个黑色正方形大小的红色正方形（带有红色背景和文本）
• 一个灰色矩形，宽度为三个黑色正方形，高度为两个黑色正方形（其中包含文本）

我准备了一把小提琴，让你看看我目前的状态：

我有问题，以获得正确的高度框和之间的差距

---

希望有人能帮我解决这个问题。

根据我的经验，如果你开始弄乱列填充/边距，就会发生不好的事情。除非你在变量文件中使用更少的/sass。在主项目中，我使用更少的变量。所以没有那么混乱。那你为什么不修改cols之间的差值呢。如果你能解决这个问题，你就可以用行和列来构造整个过程。例如，我们有一个问题，让正方形以一种响应的方式成为正方形。所以我们不能使用固定高度，如果我们使用百分比宽度。根据我的经验，如果你开始弄乱列填充/边距，就会发生不好的事情。除非你在变量文件中使用更少的/sass。在主项目中，我使用更少的变量。所以没有那么混乱。那你为什么不修改cols之间的差值呢。如果你能解决这个问题，你就可以用行和列来构造整个过程。例如，我们有一个问题，让正方形以一种响应的方式成为正方形。所以我们不能使用固定高度，如果我们使用百分比宽度。