ブートストラップ列内のコンテンツの中央揃え

ブートストラップでは、列内のコンテンツの中央揃えはさまざまな方法で実現できます。

1一般的なアプローチは、列 div 内で align="center" 属性を使用することです。例:

  

    aaaaaaaaaaaaaaaaaaaaaaaaaaa
  

ただし、このメソッドは HTML5 では完全にはサポートされていません。代わりに、Bootstrap 3 は列に適用できる専用の text-center クラスを提供します:

  

    aaaaaaaaaaaaaaaaaaaaaaaaaaa
  

Bootstrap 4 の場合、フレックス クラスは、コンテンツをセンタリングするためのより現代的で効率的なソリューションを提供します。

  
some content

このメソッドは、flex-direction プロパティが y 軸に沿って中央に配置される列に設定されていない限り、デフォルトでコンテンツを x 軸に沿って中央に配置します。