Bootstrap ②正しい使い方とポイント

<グリッドシステム>

Bootstrapのグリッドデザインは、基本的に横幅940px(固定エリア12グリッドにあわせる)の中に段組をする必要があります。しかし、複雑な段組をする場合は少し注意点があるので簡単に記しておきます。

ポイント1

・グリッドシステムで複雑な段組をするなら、

container => row => col => row => col と入れ子にする。

<div class=”container”>

   <div class=”row”>

      <div class=”col-{prefix}”></div>

    </div>

</div>

*row が何段目であっても、配下のcolの幅が合計は12グリッドである。

ポイント2

コンテンツはcontainerクラスかcolクラスの内部に記述するようにすること。rowの中には書いてはいけません。

注意点:spanはBootstrap 2系では使えませんので覚えておきましょう。

 

それでは・・・


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です