ホームページ >ウェブフロントエンド >CSSチュートリアル >Bootstrap XS の列が小さな画面で折り返されないのはなぜですか?

Bootstrap XS の列が小さな画面で折り返されないのはなぜですか?

Barbara Streisand
Barbara Streisandオリジナル
2024-10-31 03:46:01684ブラウズ

Why Are My Bootstrap XS Columns Not Wrapping on Small Screens?

ブートストラップ XS 列の折り返しの問題

質問:

ブートストラップの小さい画面 XS 列は、最大 12 ユニットを追加して画面を縮小すると、期待どおりにラップされませんwidth.

回答:

ブートストラップには、この動作に関する既知の問題があります。非常に小さな画面 (360 ピクセル未満) では、列の幅とパディングの不一致により、col-xs-1 列が途中で折り返され始めます。

これは、極端な場合にcol-xs-1 を回避することで回避できます。小さな画面。画面サイズが現実的に 360 ピクセル未満にサイズ変更されるかどうかを検討してください。多くの場合、そうではありません。

Bootstrap 4 の注意:

Col-xs-1 は Bootstrap 4 では Col-1 に名前変更されました。

関連問題:

  • 最小サイズでブートストラップ グリッドが壊れる

以上がBootstrap XS の列が小さな画面で折り返されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。