グリッドを使う時に、col-xs-○が反映されないという問題が発生。
原因
Bootstrap4から、Extra smallサイズの書き方が変わったのが原因だった。
Bootstrap3までは、「col-xs-○」の書き方だが、Bootstrap4から変わったらしい。
「col-xs-○」ではなく、「col-○」で表現する。
以下、Bootstrapのページより。（2021年1月21日時点）
リンクはこちら（https://getbootstrap.com/docs/4.1/layout/grid/#grid-options）
何か効かない時は、バージョンによって何か変化してないか、チェックするのも大事だ。