如何在Bootsrap4中添加列之间的边距？

在Bootstrap 4中，可以使用内置的CSS类来添加列之间的边距。Bootstrap 4使用了flexbox布局，通过使用row和col-*类来创建网格系统。

要在列之间添加边距，可以使用gutter类。gutter类有以下几种选项：

1. gx-*：用于水平方向的列之间的边距。
2. gy-*：用于垂直方向的行之间的边距。
3. g-*：用于水平和垂直方向的列和行之间的边距。

其中，*可以是以下数值之一：

• 0：表示没有边距。
• 1：表示较小的边距。
• 2：表示默认的边距。
• 3：表示较大的边距。
• 4：表示更大的边距。
• 5：表示最大的边距。

例如，要在列之间添加默认边距，可以在row类中添加gutter类，如下所示：

<div class="row gutter">
  <div class="col-6">Column 1</div>
  <div class="col-6">Column 2</div>
</div>

如果想要自定义边距大小，可以使用gx-*、gy-*或g-*类，并将*替换为所需的数值。例如，要在列之间添加较大的水平边距，可以使用gx-3类，如下所示：

<div class="row gx-3">
  <div class="col-6">Column 1</div>
  <div class="col-6">Column 2</div>
</div>

推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考腾讯云服务器（CVM）。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端对象存储服务，适用于存储和处理各种类型的数据。详情请参考腾讯云对象存储（COS）。