如何在bootstrap中制作多行多列的水平滚动条？

<div class="container">
  <div class="row">
    <div class="col-12">
      <!-- 每列的内容 -->
    </div>
    <div class="col-12">
      <!-- 每列的内容 -->
    </div>
    <!-- 添加更多列 -->
  </div>
  <!-- 添加更多行 -->
</div>

.container {
  overflow-x: auto;
  white-space: nowrap;
}

.col-12 {
  display: inline-block;
  width: 300px; /* 根据实际情况调整宽度 */
  margin-right: 10px; /* 添加列之间的间距 */
}