これがどのような設定になっているかというと、 ☓☓で指定した画面サイズまでカラムは横並びにするけど、それより小サイズになったら横並びやめて縦積みにするから! という動きをします。 上のように図解するとわかりやすいかと思いますが、とにかく指定したブレイクポイントより画面が小さくなったら、カラムの横並びが縦積みになります。 縦積みになると、全てのカラムの横幅は自動的に親要素の100%幅になります。「col-md-6」を指定していても「col-md-2」を指定していても、縦積みになった時点で横幅は一律、親要素の100%です。 「xs」だけが例外で、xsにしておくと、画面がどれだけ小さくなっても、カラムの横並びは保たれます。 カラム割りの方法まとめ 上記までをまとめます。 カラム割には「row」と「col-☓☓-数字」をセットで使う rowは概念として12分割されており、好きな数だけ列をまとめて1
![複雑なBootstrapカラムのコードはジェネレーターを使えば即マスター | 隣IT](https://cdn-ak-scissors.b.st-hatena.com/image/square/75ca5e282a9b48b7a2916730fa800035caf59b54/height=288;version=1;width=512/https%3A%2F%2Ftonari-it.com%2Fwp-content%2Fuploads%2F3b0a338bb891b29452a2ba627c9b8278.jpg)