サンプルの「col-md-4」の場合、大きな画面では3カラムで表示されますが、ブラウザの横幅が992pxになったとたん、1カラムの縦積みに変化します。 これを「col-sm-4」に変更すると、切り変わるポイントは768pxになります。 「col-xs-4」を指定すると切り替えは無くなり、どれだけブラウザサイズを狭めても、3カラムのまま表示され続けます。 ★覚えておくポイント ◆「lg・md・sm・xs」というブレイクポイントの定義がある。 ◆指定したブレイクポイント以下のサイズになると、とにかく1カラム縦積みになる。 ◆「xs」だけ例外で、指定したカラム数のまま表示されつづける ③ カラム分割数の指定方法 次は「col-md-4」の数字部分についてです。 Bootstrapのカラムというのは、あらかじめ1行を12列に分割してあります。 この分割済みの12列を「幾つづつまとめる」と定義するの
![Bootstrapでレスポンシブなカラム作成 ブレイクポイントとカラム数の指定方法をマスター | 隣IT](https://cdn-ak-scissors.b.st-hatena.com/image/square/299b2e2559235083d37ada561d9fd72b12fbd3c4/height=288;version=1;width=512/https%3A%2F%2Ftonari-it.com%2Fwp-content%2Fuploads%2F068dbb6b5294c40ba7453b7bfd10aa8d.jpg)