twitter-bootstrap-3
グリッドシステム

ブートストラップグリッドシステム

ブートストラップは、行と列を持つグリッドシステムを使用します。

グリッドシステムでは、 行クラスを使用して、水平方向のボックスを作成しています。水平方向のボックスには、それぞれ異なるサイズの画面に対して垂直方向に合計12個のサイズの列が1つずつあります。 12列すべてを個別に使用したくない場合は、列をグループ化して幅の広い列を作成できます。

例：3列の行を作成する場合は、それぞれsize = 3、size = 2、size = 3の3つの列（class = col.xs.xx）のclass = "row" 7（3 + 2 + 7 = 12）はxs =余分に小さい画面サイズ

タイトル

lorem ipsum

グリッドクラス

ブートストラップグリッドシステムには、次のようなレスポンシブデザインのための4つのクラスがあります。

xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)

使い方？

基本的な例4の列

<div class="row">
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
</div>

例4列