これがどのような設定になっているかというと、 ☓☓で指定した画面サイズまでカラムは横並びにするけど、それより小サイズになったら横並びやめて縦積みにするから! という動きをします。 上のように図解するとわかりやすいかと思いますが、とにかく指定したブレイクポイントより画面が小さくなったら、カラムの横並びが縦積みになります。 縦積みになると、全てのカラムの横幅は自動的に親要素の100%幅になります。「col-md-6」を指定していても「col-md-2」を指定していても、縦積みになった時点で横幅は一律、親要素の100%です。 「xs」だけが例外で、xsにしておくと、画面がどれだけ小さくなっても、カラムの横並びは保たれます。 カラム割りの方法まとめ 上記までをまとめます。 カラム割には「row」と「col-☓☓-数字」をセットで使う rowは概念として12分割されており、好きな数だけ列をまとめて1