公司主营产品包括全网型官网制作,品牌型网站设计,营销型网站建设,服务型网站开发,网上商城制作,门户网站建设。PC+手机+微信网站+小程序+APP，五合一网站建设，提供的营销型、服务型、门户网站建设服务会根据客户不同行业、不同类型，从而提出一个最合适的形象定位。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）。

盱眙网站优化

Bootstrap5 容器

在上一章节中我们了解到 Bootstrap 需要一个容器元素来包裹网站的内容。

我们可以使用以下两个容器类：

• .container 类用于固定宽度并支持响应式布局的容器。

• .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。

固定宽度

.container 类用于创建固定宽度的响应式页面。

注意：宽度 (max-width) 会根据屏幕宽度同比例放大或缩小。

以下实例中，我们可以尝试调整浏览器窗口的大小来查看容器宽度在不同屏幕中等变化：

注意：超级大屏幕 (≥1400px) 是 Bootstrap 5 新增加的， Bootstrap 4 最大的是特大屏幕 (≥1200px)。

100% 宽度

.container-fluid 类用于创建一个全屏幕尺寸的容器，容器始终跨越整个屏幕宽度（width 始终为 100%）：

容器内边距

默认情况下，容器都有填充左右内边距，顶部和底部没有填充内边距。 Bootstrap 提供了一些间距类用于填充边距。 比如 .pt-5 就是用于填充顶部内边距：

容器的边框和颜色

Bootstrap 也提供了一些边框（border）和颜色（bg-dark、bg-primary等）类用于设置容器的样式：

盱眙网站优化

本公司专业从事于做企业网站、个人网站、网店、商城、手机微信网站样样行，小程序。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）。