＜グリッドシステム＞
Bootstrapのグリッドデザインは、基本的に横幅940ｐｘ（固定エリア12グリッドにあわせる）の中に段組をする必要があります。しかし、複雑な段組をする場合は少し注意点があるので簡単に記しておきます。
ポイント１
・グリッドシステムで複雑な段組をするなら、
container => row => col => row => col と入れ子にする。
<div class=”container”>
<div class=”row”>
<div class=”col-{prefix}”></div>
</div>
</div>
*row が何段目であっても、配下のcolの幅が合計は12グリッドである。
ポイント２
コンテンツはcontainerクラスかcolクラスの内部に記述するようにすること。rowの中には書いてはいけません。
注意点：spanはBootstrap 2系では使えませんので覚えておきましょう。
それでは・・・