在bootstrap中,网格布局列数之和不能超过,关于bootstrap的栅格布局,bootstrap12栅格布局,bootstrap 栅格,bootstrap12栅格,bootstrap栅格化布局
Bootstrap 5 是一种流行的前端框架，用于快速构建响应式、移动优先的网站和应用程序。Bootstrap 5 提供了许多可重用的 HTML、CSS 和 JavaScript 组件，使开发人员可以更快速地创建现代界面。

Bootstrap 5 网格（grid）是 Bootstrap 5 的一个重要特性，它提供了一种灵活且易于使用的布局系统，可以将页面分成 12 个列，并且自适应不同的设备大小。使用 Bootstrap 5 网格，开发人员可以轻松地在不同屏幕尺寸之间调整元素的位置和大小。

下面是一个简单的例子，演示如何使用 Bootstrap 5 网格创建一个包含两列的基本布局：

html
<div class="container">
<div class="row">
<div class="col-md-6">左侧栏</div>
<div class="col-md-6">右侧栏</div>
</div>
</div>


在上面的代码中，container 类表示一个容器元素，用于限制内容的宽度并居中显示。row 类表示一行，其中包含两个等宽的列。col-md-6 类表示每个列应占用 6 个网格单元，这意味着它们将平均占用行的宽度的一半。

在不同的屏幕尺寸下，Bootstrap 5 网格会自动调整列的大小和位置。例如，在较小的屏幕上，列可能会垂直堆叠，而不是并排显示。