ホームページ >ウェブフロントエンド >CSSチュートリアル >Col-xs-* が Bootstrap 4 で動作しないのはなぜですか?

Col-xs-* が Bootstrap 4 で動作しないのはなぜですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-26 10:24:11786ブラウズ

Why Doesn't col-xs-* Work in Bootstrap 4?

col-xs-* がブートストラップ 4 で機能しない

ブートストラップ問題で列のサイズを変更しようとすると、この問題が発生する可能性があります。 -xs-* クラスは機能しないようです。列を中サイズに設定した場合:

<h1>

テキストの配置は正常に機能します:
[テキスト配置画像]

ただし、列を極小に設定した場合 (余分なsmall):

 <div>

テキスト配置が機能しなくなりました:
[テキスト配置エラー画像]

これが機能しない理由は、Bootstrap 4col-xs- での非推奨のためです。 *クラス。列の次元を指定するには、col-* クラスを使用する必要があります。たとえば、col-xs-12 をcol-12 に置き換えます。

また、v4 では、col-xs-offset-{n} も offset-{n} に置き換えられることに注意してください。

以上がCol-xs-* が Bootstrap 4 で動作しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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