为什么我的文本没有在 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中文网其他相关文章！