<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row">
    <div class="col col-md-1">
      <img src="assets/icons/intercambiar.png" alt="intercambiar" />
    </div>
    <div class="col col-md-4">
      <label>text 1</label>
      <div class="border border-white border-4" style="background-color: rgb(22, 111, 212); color: white">
        01-15-12-03
      </div>
    </div>
    <div class="col col-md-4">
      <label>text 2</label>
      <div class="border border-white border-4" style="background-color: rgb(255, 255, 255); color: black">
        01-15-12-03
      </div>
    </div>
  </div>
</div>

在内容之前添加另一个行div并添加标签

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row">
      <div class="col col-md-1"></div>
      <div class="col col-md-4">Label 1</div>
      <div class="col col-md-4">Label 2</div>
  </div>
  <div class="row">

    <div class="col col-md-1">
      <img src="assets/icons/intercambiar.png" alt="intercambiar" />
    </div>
    <div class="col col-md-4 border border-white border-4" style="background-color: rgb(22, 111, 212); color: white;"> 01-15-12-03
    </div>
    <div class="col col-md-4 border border-white border-4" style="background-color: rgb(255, 255, 255); color: black;">

    </div>

  </div>

</div>

您可以使用CSS中的::before属性来完成此操作：

.div::before{
    content: "[YOUR TEXT]";
    top: -50px;
    left: 50px;
}

你必须调整顶部和左侧到你的div。