如何将 Bootstrap 列中的内容居中？

在引导列中居中内容

尝试使用 center-block 类居中列内容时，用户可能会遇到困难。常见的解决方案是利用 Bootstrap 的内置对齐选项。

要对齐列中的文本，请使用以下方法：

• Bootstrap 2:

  • 使用
    而不是

    。

  • 引导 3 和 4：

    • 使用
    • 对于 Bootstrap 4，请利用 d-flex 实用程序类：
      。

      请注意，对于 Bootstrap 4，居中适用于 X 轴，除非将 flex-direction 设置为列。