一个网站上有大量不同大小的列？

Question

有没有办法让很多不同大小的列？基本上我希望它看起来有一定的外观，但我觉得我一直在以某种方式攻击它，我想知道是否有更标准的正确方法。例如，我疯狂地将边界线变为黑色线以填充标题div之后的空间（容器）的整个宽度，这是一场灾难。我有一个我希望它看起来像什么的图像，我将jsfiddle我编码。我知道我的编码有点像灾难，因为这更像是一个项目，我想看看它是否可以完成。遗憾！

JSFiddle Code

我甚至不知道浮动是否是一个好的属性，因为它似乎没有占用整个盒子然后下降到下一行。我也经历了一些测量（也是一个图像）（有点像是为了让所有东西都是对称的。并不是说它必然会以这种方式结束。

What I want it to look like

不幸的是我无法发布测量图像，因为我只允许2个链接，因为声誉很低。但我想这至少是我现在的问题。

Answer 1

您可以使用grid system of Bootstrap创建此内容。它允许您使用一些嵌套的div和几个类来创建具有不同列宽的多列布局。