8
Aug 2015
by
松井 宏気
Bootstropレスポンシブ対応で、デバイスに対応する画面サイズが覚えられないのでまとめときます。
詳しくは公式サイトをみるといいです→http://getbootstrap.com/css/#grid
Bootstrapのブレイクポイント
| モバイル | タブレット | デスクトップ | デスクトップ大 | |
|---|---|---|---|---|
| 画面幅 | 768px以下 | 769px以上〜992px未満 |
992px以上〜1200px未満 | 1200px以上 |
| 表示サイズ | 100% | 750px | 970px | 1170px |
| 大きさ | xs エクストラスモール |
sm スモール |
md ミディアム |
lg ラージ |
| クラス名 | col-xs-n | col-sm-n | col-md-n | col-lg-n |
Bootstrapのグリッドシステムは12グリッド。画面レイアウトは12をどのように分割するかによって決まります。