如何在mobile - Bootstrap 4中保持每行3列的网格

在mobile - Bootstrap 4中保持每行3列的网格，可以通过使用Bootstrap的栅格系统来实现。栅格系统是Bootstrap中用于创建响应式布局的基础组件。

首先，需要在HTML文件中引入Bootstrap的CSS和JS文件。可以通过以下方式引入：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>

接下来，可以使用Bootstrap的row和col类来创建网格布局。在移动设备上，每行显示3列可以使用以下代码：

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <!-- 第一列内容 -->
    </div>
    <div class="col-sm-4">
      <!-- 第二列内容 -->
    </div>
    <div class="col-sm-4">
      <!-- 第三列内容 -->
    </div>
  </div>
</div>

在上述代码中，container类用于创建一个容器，row类用于创建一个行，col-sm-4类用于创建一个占据4个网格的列。通过将每个列设置为占据4个网格，就可以保持每行显示3列的布局。

此外，Bootstrap还提供了其他的栅格类，可以根据需要进行调整。例如，col-xs-4可以在超小屏幕设备上显示3列，col-md-4可以在中等屏幕设备上显示3列。

关于mobile - Bootstrap 4的更多信息和使用方法，可以参考腾讯云的相关产品和文档：

• Mobile - Bootstrap 4
• Mobile - Bootstrap 4 文档

请注意，以上答案仅供参考，具体实现方式可能因项目需求和具体情况而有所不同。