列の内容を中央揃えにしようとしています。私には効果がないようです。これは私のHTMLです:
リーリーJSFiddle デモ
P粉7859057972024-01-17 09:55:13
[2022 年 4 月更新]: Bootstrap のバージョン 5.1 がテストされ、組み込まれました。
この質問はかなり古いものであることは承知しています。そして質問には、彼が使用していたBootstrapのバージョンについては言及されていませんでした。したがって、この質問に対する答えはすでに解決されていると思います。
皆さん (私と同じように) この質問に遭遇し、現在のブートストラップ 5.0 (2020) および 4.5 (2019) フレームワークを使用して答えを探している場合は、ここに解決策があります。
列 div で d-flex justify-content-center を使用します。これにより、すべてがその列の中央に配置されます。
列内のテキストを整列させたい場合は、text-center
列にテキストと画像がある場合は、 d-flex justify-content-center および text-center を使用する必要があります。
P粉2140893492024-01-17 09:19:48
＃＃＃使用：＃＃＃ リーリー ＃＃＃ の代わりに ＃＃＃ リーリー
ブートストラップ 3 CSS も使用できます:
リーリーBootstrap 4 には、コンテンツをセンタリングするための Flex クラスが追加されました:
リーリーflex-direction
がcolumn
でない限り、デフォルトでは x-axis になることに注意してください。