Habakiri トップページのスライドショーより下の編集可能領域

「Rich Front Page」では、HTML と CSS で自由にレイアウトができるように、本文欄ではあえて幅の設定をしていません。幅を固定するのは、Bootstrap の CSS を使うことで簡単に行うことができます。例えば、以下の様な感じです。

<div class="container">
ヘッダーやフッターと同じ1カラム幅
</div>

<div class="container">
    <div class="row">
        <div class="col-md-4">
            3カラムに分割する場合
        </div>
        <div class="col-md-4">
            3カラムに分割する場合
        </div>
        <div class="col-md-4">
            3カラムに分割する場合
        </div>
    </div>
</div>

container という class を指定することでコンテンツ幅で幅の固定ができます。