在bootstrap中,网格布局列数之和不能超过,关于bootstrap的栅格布局,bootstrap的栅格布局,bootstrap栅格布局,bootstrap的栅格模型,bootstrap12栅格
Bootstrap 是一种流行的前端开发框架，用于构建响应式、现代化的 Web 应用程序。Bootstrap 5（简称 BS5）是 Bootstrap 框架的最新版本，它提供了一些新的特性和更新，其中之一是更好的网格系统。

网格是网页布局中的重要组成部分，可以将页面划分为多个列和行，在不同屏幕尺寸上进行排列和调整。Bootstrap 的网格系统是基于 12 列的栅格，使用 CSS 类来定义列的宽度和偏移量。

Medium 是 Bootstrap 5 网格系统中的一个预定义断点，表示中型设备（如平板电脑），对应于视口宽度介于 768px 到 991px 之间。在 Medium 断点下，列会自动缩小并重新排列以适应较小的屏幕。

以下是一个简单的示例，展示如何使用 Bootstrap 5 网格系统来创建基本布局：


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


在这个例子中，我们使用 .container 来表示容器元素，并在其中嵌套 .row 元素。.row 元素包含两个相等的列，每个列都使用 .col-md-6 类来定义它们的宽度。在中型设备上，这两个列将变为垂直排列。