為什麼我的文字沒有在 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中文網其他相關文章！