bootstrap 4中最大宽度居中的正文

在Bootstrap 4中，可以使用以下方式将最大宽度的正文居中：

1. 使用容器类（Container Class）：Bootstrap 4提供了两种容器类，分别是.container和.container-fluid。其中，.container类用于创建一个固定宽度的容器，而.container-fluid类则创建一个占据整个可视窗口宽度的容器。为了将最大宽度的正文居中，我们可以在容器类上添加.mx-auto类，该类会将容器水平居中对齐。

示例代码：

<div class="container mx-auto">
  <!-- 正文内容 -->
</div>

1. 使用栅格系统（Grid System）：Bootstrap 4的栅格系统可以将页面划分为12个等宽的列，通过使用列类（Column Class）来布局内容。为了将最大宽度的正文居中，我们可以在列类上添加.mx-auto类，该类会将列水平居中对齐。

示例代码：

<div class="row">
  <div class="col-md-8 mx-auto">
    <!-- 正文内容 -->
  </div>
</div>

以上两种方式都可以实现最大宽度的正文居中效果，具体选择哪种方式取决于页面的布局需求。在实际应用中，可以根据具体情况选择合适的方式。

推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云容器服务（TKE）、腾讯云对象存储（COS）等。

腾讯云产品介绍链接地址：

• 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos