如何在具有bootstrap类的div之间添加边距？

在具有bootstrap类的div之间添加边距可以通过以下几种方式实现：

使用内联样式：在需要添加边距的div标签上添加style属性，并设置margin属性来控制边距的大小。例如：

<div class="container">
  <div class="row">
    <div class="col-md-6" style="margin-bottom: 20px;">
      <!-- 内容 -->
    </div>
    <div class="col-md-6" style="margin-bottom: 20px;">
      <!-- 内容 -->
    </div>
  </div>
</div>

这种方式适用于只在特定的div上添加边距的情况。

自定义CSS样式：在CSS文件中定义一个新的类，设置该类的margin属性，并将该类应用到需要添加边距的div标签上。例如：

<style>
  .custom-margin {
    margin-bottom: 20px;
  }
</style>

<div class="container">
  <div class="row">
    <div class="col-md-6 custom-margin">
      <!-- 内容 -->
    </div>
    <div class="col-md-6 custom-margin">
      <!-- 内容 -->
    </div>
  </div>
</div>

这种方式适用于多个div需要添加相同边距的情况。

使用Bootstrap的间距类：Bootstrap提供了一系列的间距类，可以直接应用到div标签上实现边距的添加。例如：

<div class="container">
  <div class="row">
    <div class="col-md-6 mb-3">
      <!-- 内容 -->
    </div>
    <div class="col-md-6 mb-3">
      <!-- 内容 -->
    </div>
  </div>
</div>

其中，mb-3表示在底部添加一个大小为3的边距。具体的间距类可以参考Bootstrap的官方文档：Bootstrap Spacing

以上是在具有bootstrap类的div之间添加边距的几种常用方法，根据实际需求选择合适的方式进行边距的控制。