Bootstrapのグリッドシステムについてまとめてみた - Qiita

Bootstrapバージョン 3.3.6 グリッドシステムとは レイアウトを格子状に分解して配置するデザイン手法 Bootstrapでは横幅を12分割したグリッドシステムを採用 基本原則 あくまでも原則であり、これとは違った形で指定することもありますが、大枠はこのようなルールに則って記述します。 class = “container”（固定枠）または”container-fluid”（流動枠）の中に書く class = “row”の中に書く class = “col-{prefix}-{columns}”の形で書く class = {columns}は合計が12になるようにする prefixとブレークポイント 表では「スマホ」「タブレット」などという表記をしていますが、基準はブラウザの表示サイズになります。そのため、タブレットでも機種によってはmd（PC）と同じ挙動をする可能性がありますし

[yumeyumepopi0718]

ブレイクポイント

[hujuu]

入れ子構造なども記載

[koogawa]

かなりわかりやすい

[nknkt]

わかりやすい覚書

[tvsk]

カラムの間に隙間をつくる、入れ子カラムは親を12分割する