Bootstrap2.3とBootstrap3のグリッドシステム比較（一覧表）とBootstrap3のPSDテンプレート無料ダウンロード

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（※１）	78px（※１）	95px（※１）
		実際62px or 63px（※２）	実際80px or 81px（※２）	実際97px or 98px（※２）
カラムとカラムの隙間幅
30px（左右に15pxずつパディング）
ネスト（再度rowで囲う）
可
オフセット（左空け）
N/A		可
カラムオーダリング（右カラムと左カラムの入れ替え）
N/A		可

※１：見た目の幅÷12
（Medium Devicesの場合、940 ÷ 12 = 78.333 ＝＞78px）
※２：（左右の15pxを含んだ幅 - 15px×2×12）÷ 12
（Medium Deviceの場合、(970 - 15px×2×12）÷ 12 = 50.8 ＝＞1px単位なので左右の15px×2を加えると80pxか81pxになる）


BootstrapのPSDテンプレート
仕様どおりに作ると、カラム幅が一通りに決まらない（Medium Devicesの場合、80px or 81px）ので、広いカラムに併せて作成したBootstrap3テンプレートをこちらで公開します。
[Download]
（画像は大きくつくっておけば自動で縮小表示されるので、足りないよりは大きい幅で作っておいた方がよいです。）

出展
Bootstrap2.3
http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

Bootstrap3
http://getbootstrap.com/css/#grid