方形网格与Bootstrap 3中的差距

Question

我正在使用twitter bootstrap网格系统来建立响应式网站。我的大多数标记工作得很好，但我有一个令人讨厌的问题，这让我很生气。

我需要以下标记结果：

如您所见，有三种不同类型的盒子。

• 黑色方块（带背景图片）
• 红色方块，大小为四个黑色方块（红色背景和文字）
• 一个灰色矩形，宽度为三个黑色方块，两个黑色方块的高度（包含文字）

我准备了一个小提琴让你看看我现在的状态：http://www.bootply.com/c8T4ofjA54

我有问题要获得正确的盒子高度和两者之间的边距。

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