如何在bootstrap 4中将4列循环到一行？

在Bootstrap 4中，可以使用栅格系统来将4列循环到一行。栅格系统是Bootstrap提供的一种响应式布局工具，可以将页面划分为12个等宽的列，通过指定不同的列数来实现不同的布局。

要将4列循环到一行，可以使用以下步骤：

1. 创建一个包含4个列的父容器，使用<div class="container">或<div class="container-fluid">来创建容器。其中，container用于固定宽度的布局，container-fluid用于全屏宽度的布局。
2. 在父容器内部创建一个行，使用<div class="row">来创建行。
3. 在行内创建4个列，使用<div class="col">来创建列。每个列的类名可以根据需要添加额外的类名，例如col-sm-3表示在小屏幕设备上占据3个列。

以下是一个示例代码：

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

在上述示例中，每个列都使用了col-sm-3类，表示在小屏幕设备上占据3个列，因此这4个列会在小屏幕设备上自动换行到下一行。

对于Bootstrap 4的更多详细信息和用法，请参考腾讯云的相关产品和文档：

• Bootstrap 4官方文档
• 腾讯云Web+托管服务
• 腾讯云云服务器CVM
• 腾讯云云数据库MySQL版
• 腾讯云对象存储COS
• 腾讯云人工智能
• 腾讯云物联网开发平台
• 腾讯云移动开发平台
• 腾讯云区块链服务
• 腾讯云元宇宙解决方案