グリッドシステム

##グリッドシステム
###グリッドシステムとは
グリッド（格子）の行を表すrowというクラスを持つブロック要素をまず配置し、その中に、列数の合計が12になるようにブロックを配置していく

###グリッドシステムの実装方法

1. class="container"の中に
2. class="row"を作って
3. class="col-{prefix}-{columns}"を指定

• {columns}は合計値が１２になるように数値を指定する
• {prefix}は下記のルールで指定できる

|画面サイズ|適用範囲|指定方法（は数値）|
|---|---|---|---|
|モバイル|768px以下|col-xs-|
|タブレット|768px以上、992px未満|col-sm-|
|デスクトップ|992px以上、1200px未満|col-md-|
|デスクトップ|1200px以上|col-lg-*|