Bootstrap3からレスポンシブデザイン(可変レイアウト)がデフォルトになりクラス設定が変更されています。 Bootstrap2からBootstrap3に変更する場合は注意して下さい。 基本的な考え方は変わっておらず以下の通りとなります。 containerで表示枠を設定 rowで割付枠を設定 col-**-**でカラム数を設定(カラム数の合計は12で以前と同じです) 表示デバイス(ウィンドウサイズ)によりレイアウトが変わってきます。 基本的にPCでコーディングし表示確認を行うと思いますが、最低でもブラウザのリサイズを行い各表示デバイスサイズの表示確認をして下さい。 グリッドシステムの設定 可変レイアウトで表示する カラムを入れ子にする オフセットカラムの指定 カラムの表示順を指定