如何在Boostrap 4上创建5和4(对于移动设备)相等的列

在Bootstrap 4上创建5和4相等的列，可以使用Bootstrap的栅格系统来实现。栅格系统是Bootstrap提供的一种响应式布局工具，可以将页面分为12个等宽的列，通过将列组合在一起，可以实现不同设备上的等宽布局。

要在Bootstrap 4上创建5和4相等的列，可以按照以下步骤进行操作：

1. 首先，确保你已经引入了Bootstrap的CSS和JS文件。
2. 在HTML文件中，使用<div>元素创建一个包含两个列的行。每个列都使用col类来定义，并指定所占的列数。在这种情况下，我们需要创建一个占据5列的列和一个占据4列的列。代码示例如下：<div class="row"> <div class="col-5">内容1</div> <div class="col-4">内容2</div> </div>
3. 为了在移动设备上实现相等的列，可以使用Bootstrap的响应式类来定义不同设备上的列数。在这种情况下，我们可以使用col-md-5和col-md-4类来定义在中等屏幕及以上设备上的列数，而在小屏幕设备上保持默认的等宽布局。代码示例如下：<div class="row"> <div class="col-12 col-md-5">内容1</div> <div class="col-12 col-md-4">内容2</div> </div>