Bootstrap 4 の列でテキストが中央に配置されないのはなぜですか?

Bootstrap 4 のcol-xs-* に関するテキストの配置の問題

Bootstrap 4 でテキストを列の中央に配置しようとするとCol-xs-12 を使用すると、位置合わせが失敗します。この動作は、Bootstrap の以前のバージョンとは異なります。

説明

Bootstrap 4 では、col-xs-* クラスが非推奨になり、col-* が使用されます。 Col-xs-12 と同じ効果を実現するには、代わりに Col-12 を使用します。

解決策

次の行を置き換えます:

<div class="col-xs-12 text-center">

付き:

<div class="col-12 text-center">

追加注

• Bootstrap 4 では、col-xs-offset-{n} クラスも offset-{n} に置き換えられました。
• 必要な CSS とBootstrap 4 の JavaScript ファイルがコードに含まれています。

以上がBootstrap 4 の列でテキストが中央に配置されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。