如何将Bootstrap Modal划分为4列？

<div class="modal-body">
  <div class="col-1">
    <!-- 第一列内容 -->
  </div>
  <div class="col-2">
    <!-- 第二列内容 -->
  </div>
  <div class="col-3">
    <!-- 第三列内容 -->
  </div>
  <div class="col-4">
    <!-- 第四列内容 -->
  </div>
</div>

.col-1, .col-2, .col-3, .col-4 {
  width: 25%; /* 每列占据25%的宽度 */
  float: left; /* 让列以浮动方式排列 */
  box-sizing: border-box; /* 让宽度包括padding和border */
  padding: 10px; /* 可根据需要自定义列的内边距 */
}

.modal-body {
  width: 100%; /* Modal内容区域宽度 */
  overflow: hidden; /* 清除浮动 */
}