container 的宽度调整

要调整Bootstrap中.container的宽度，你可以使用自定义的CSS样式来覆盖Bootstrap的默认样式。

以下是一个示例，演示如何调整Bootstrap中.container的宽度：

<style>
.custom-container {
  max-width: 1200px; /* 自定义最大宽度 */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
</style>

<div class="custom-container">
  <!-- 页面内容 -->
</div>

在上述代码中，我们使用.custom-container类来创建一个具有自定义宽度的容器。通过设置max-width属性，你可以定义容器的最大宽度。

然后，我们使用margin-left: auto和margin-right: auto来使容器水平居中。使用padding-left: 15px和padding-right: 15px来设置容器的左右内边距，以保持内容与容器边缘的间距。

你可以根据需要调整.custom-container类中的属性值，以满足你的具体需求。

请确保将以上代码放置在合适的位置，并在HTML代码中使用.custom-container类来创建具有自定义宽度的容器。

希望这个示例对你有所帮助！如果你还有其他问题，请随时提问。