如何將 Bootstrap 欄位中的內容置中？

在引導列中居中內容

嘗試使用 center-block 類別居中列內容時，使用者可能會遇到困難。常見的解決方案是利用 Bootstrap 的內建對齊選項。

要對齊列中的文本，請使用以下方法：

• Bootstrap 2:

  • 使用
  使用而不是
  。
  引導3 與4：
  • 使用
    用於文字對齊。
  • 對於 Bootstrap 4，請利用 d-flex 公用程式類別：
    。

    請注意，對於 Bootstrap 4，居中適用於 X 軸，除非將 flex-direction 設定為列。