Bootstrap 4容器宽度设置为百分比

Bootstrap 4是一种流行的前端开发框架，它提供了丰富的组件和样式，帮助开发人员快速构建响应式网页。在Bootstrap 4中，容器是用来包裹网页内容的一个重要组件。容器可以设置固定宽度或百分比宽度，以适应不同的屏幕尺寸。

要将Bootstrap 4容器的宽度设置为百分比，可以使用以下类名：

.container：这是Bootstrap 4默认的容器类，它设置一个固定宽度的容器。如果要将容器宽度设置为百分比，可以自定义一个类名，例如.custom-container，然后通过CSS设置其宽度为百分比，如下所示：

.custom-container {
  width: 80%; /* 设置容器宽度为80% */
}

然后，在HTML中使用该自定义容器类名：

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

.container-fluid：这是Bootstrap 4提供的全宽度容器类，它会将容器的宽度设置为100%。如果要将容器宽度设置为百分比，可以自定义一个类名，例如.custom-container-fluid，然后通过CSS设置其宽度为百分比，如下所示：

.custom-container-fluid {
  width: 80%; /* 设置容器宽度为80% */
}

然后，在HTML中使用该自定义全宽度容器类名：

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

这样，容器的宽度就会根据设置的百分比进行调整，以适应不同的屏幕尺寸。

在腾讯云的产品中，与Bootstrap 4容器宽度设置为百分比相关的产品和服务可能包括：

云服务器（CVM）：腾讯云提供的弹性云服务器，可以根据实际需求选择不同配置的云服务器，以满足网页应用的需求。了解更多信息，请访问腾讯云云服务器产品介绍页面：云服务器
云数据库MySQL版（CDB）：腾讯云提供的MySQL数据库服务，可以用于存储网页应用的数据。了解更多信息，请访问腾讯云云数据库MySQL版产品介绍页面：云数据库MySQL版
腾讯云内容分发网络（CDN）：腾讯云提供的全球加速服务，可以加速网页内容的传输，提高网页加载速度。了解更多信息，请访问腾讯云内容分发网络产品介绍页面：内容分发网络

请注意，以上提到的腾讯云产品仅作为示例，实际使用时应根据具体需求选择适合的产品和服务。