Bootstrapのグリッドシステムで、カラムサイズがわかりづらいのでまとめてみました。 Bootstrap2.3 デバイス Phones Phones to Tablets Portrait Tablets Default Large Display ブレイクポイント 480px以下 767px以下 768px以上 980px以上 1200px以上 レイアウト幅 auto 見た目 724px 見た目 940px 見た目 1170px カラム数 N/A 12 1カラムの最大幅 auto(ブラウザ幅 - 20px - 20px) 42px 60px 70px カラムとカラムの隙間幅 N/A 20px(左にマージン) 30px(左にマージン) ネスト 可(再度rowかrow-fluidで囲う) オフセット (左空け) N/A 可 カラムオーダリング (右カラムと左カラムの入れ替え) N/A Bootstrap3 デバイス Extra Small Devices(Phones) Small Devices(Tablets) Medium Devices(Desktop) Large Devices(Desktop) クラスプレフィックス .col-xs- .col-sm- .col-md- .col-lg- ブレイクポイント 767px以下 768px以上 992px以上 1200px以上 レイアウト幅 auto(Max 767px) 750px(左右の15px×2含む) 970px(左右の15px×2含む) 1170px(左右の15px×2含む) 見た目 720px 見た目 940px 見た目 1140px カラム数 12 1カラムの最大幅 auto 60px(※1) 78px(※1) 95px(※1) 実際62px or 63px(※2) 実際80px or 81px(※2) 実際97px or 98px(※2) カラムとカラムの隙間幅 30px(左右に15pxずつパディング) ネスト (再度rowで囲う) 可 オフセット (左空け) N/A 可 カラムオーダリング (右カラムと左カラムの入れ...