bootstrap v5,bootstrap排序,bootstrap5文档,bootstrap 5.0,bootstrap布局教程,bootstrap列排序
Bootstrap 5（简称BS5）是一种流行的前端开发框架，它提供了许多用于构建现代、响应式网站和应用程序的工具和组件。其中之一是排版系统，它使用CSS网格系统和弹性框架来帮助开发人员快速创建灵活布局。

Bootstrap 5的排版系统基于12列网格，可以通过对应的CSS类将内容置于不同的列中。例如，如果您想要将一个元素放在第一列，您可以使用 "col-1" 类：


<div class="row">
<div class="col-1">Column 1</div>
<div class="col-11">Column 2</div>
</div>


这将把两个 <div> 元素放在同一行上，第一个元素占据了整个行的1/12，而第二个元素则占据了剩下的11/12。

除了基本的列类之外，BS5还提供了其他各种排版类，包括偏移、反向排列、嵌套网格等。例如，在下面的示例中，我们使用了“offset-md-2”类来将第一个列向右偏移两个列，并使用“order-md-last”类将第二个列放置在第一个列之后：


<div class="row">
<div class="col-md-4 offset-md-2">Column 1</div>
<div class="col-md-4 order-md-last">Column 2</div>
</div>


这将创建一个包含两个列的行，第一个列向右偏移了两个列，而第二个列被放置在第一个列之后，并且只会在中等屏幕尺寸以上显示。

Bootstrap 5的排版系统非常灵活，可以轻松地创建复杂的布局和响应式设计。如果您想要深入了解BS5的排版系统，请查看官方文档。