网站有一大堆不同大小的列吗？

Question

有没有一种方法可以有很多不同大小的列？基本上，我希望它看起来有一定的外观，但我觉得我一直在嘲笑它以某种方式看待，我想知道是否有更加标准的正确方法。例如，我疯狂地让边界线成为黑线，以填满整个宽度的空间（容器），在标题div之后，这是一场灾难。我有我想要它的样子的图像，并且我将完成我编码的内容。我知道我的编码是有点灾难，因为这更像是一个项目，我想看看它是否可以完成。抱歉!

JSFiddle Code

我甚至不知道是否浮动是一个很好的属性，以使用，因为它似乎并没有下降到下一行之前，占据整个框。也有一些测量（也图像），我去的（有点让一切形式的对称。不，这必然结束了这种方式。

What I want it to look like

不幸的是我不能发布，因为我的测量图像因为信誉低，所以只允许2个链接，但我想这是我现在的问题中最少的

Answer 1

您可以使用grid system of Bootstrap来创建它，它使您能够创建具有不同列的多列布局宽度通过使用一些嵌套的div和几个类。