Bootstrapのグリッドシステムがうまく機能しない

Question

現在bootstrapを利用してウェブページを作製しています。
chrome の開発ツールを見ながら作成し、その中でiphone6/7/8などの画面をエミュレートしてみると、
widthは414とか375などと表示されるのですが、
bootstrapのグリッドシステムのcol-md-6などが、
公式の定義の通りに機能していません。
例えばsmですと540pxでviewportが変わるはずなのですが、
適用されているのは540pxより大きい場合のレイアウトが適用されてしまいます。
実際にそのページを実物のiphoneから確認しても同様です。
こういった問題について何か解決策やアドバイスはいただけないでしょうか？
よろしくお願い申し上げます。

Comments

[m.ts10806]

再現確認できる実際のコードがないと何とも言えません。
どういう確度のアドバイスを欲しているのでしょうか。

Answer 1

こんにちは。

__例えばsmですと540pxでviewportが変わるはずなのですが、

適用されているのは540pxより大きい場合のレイアウトが適用されてしまいます。__

Bootstrap4 ではそうではないと思います。sm はスクリーンが576px以上の時に適用されます。

Responsive breakpoints | 概要(Overview) - Bootstrap 4.5 - 日本語リファレンス

Comments

[ramne_blue]

ありがとうございました！
bootstrapのバージョンの確認をしておらず、ご指摘の通りでした。ありがとうございました。