さまざまなサイズの列が一揃いのWebサイト？

Question

さまざまなサイズの列がたくさんある方法はありますか？基本的には、特定の外観を見たいと思っていますが、私は特定の方法を見てそれをハッキングしていたと感じ、より標準的な正しいアプローチがあるかどうか疑問に思っていました。たとえば、ヘッダーdivの後にスペース（コンテナ）の全幅を埋めるために境界線を黒線にするのは狂っていて、それは災害でした。私はそれが私のように見せたいと思ったイメージを持っています。私は何をコーディングしたのでしょうか？私はコーディングが少し災害であることを知っています。なぜなら、このプロジェクトは、できるかどうかを見たいと思っていたからです。ごめんなさい！

JSFiddle Code

フロートは次の行にドロップする前に全体のボックスを取るようには見えないとして使用されるように良好な特性であれば私も知りません。私はで行ったいくつかの測定は（また画像）もあります（多少すべてが種類の対称取得します。それは、必ずしもそのように終わっていないこと。

What I want it to look like

を残念ながら私は私ので、測定画像を投稿することはできません

Answer 1

これはgrid system of Bootstrapで作成することができます。これにより、さまざまな列の複数列のレイアウトを作成することができますいくつかのネストされたdivといくつかのクラスを使用して幅を調整します。