在bootstrap中,网格布局列数之和不能超过,bootstrap栅格化布局,bootstrap的栅格布局,bootstrap的栅格模型,bootstrap栅格布局,bootstrap4栅格布局原理
Bootstrap是一种前端开发框架，它提供了一系列的CSS和JavaScript组件，可以帮助开发者快速构建现代化的响应式网站和Web应用程序。Bootstrap 5中的网格系统是其中一个核心特性，其基础理念是将页面布局划分为12等份的列（column），然后将这些列组合在一起形成网格来布置内容。

使用Bootstrap 5的网格系统可以轻松地实现响应式设计，使得网站在不同设备上（如台式机、平板电脑和手机等）都能够呈现最佳的视觉效果和用户体验。以下是一个简单的例子，展示如何使用Bootstrap 5的网格系统来创建一个包含两列的基本布局：

html
<div class="container">
<div class="row">
<div class="col-md-6">
<p>这是左侧列</p>
</div>
<div class="col-md-6">
<p>这是右侧列</p>
</div>
</div>
</div>


在上面的代码中，.container类指定了主容器的宽度，并对其进行居中对齐。.row类则定义了一行，它包含了两个等宽的列，分别用.col-md-6类表示。这个类表示这个列在中等屏幕大小（大于等于768像素）下占据6个等份，也就是50%的宽度。在较小屏幕和大屏幕上，.col-md-6类会自动调整其宽度，以适应设备的尺寸。

需要注意的是，在使用Bootstrap 5的网格系统时，每一行的列数总和不得超过12。如果需要更多的列，可以将它们分成多个行来布置。