将 div 放在引导程序中的另一个 div 之上

Question

请我想知道如何将一个 div 放在另一个 div 之上。

这是我之前和之后想要的

<div class="col-md-12 container">
     <div class="col-md-12"> box1 </div>
     <div class="col-md-12"> box2 </div>
</div>

Answer 1

您必须将position-absolute类添加到最后一列及position-relative其父列row

.col:first-of-type {
  background: red
}

.col:last-of-type {
  border: green solid
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row position-relative">
    <div class="col"> box1 </div>
    <div class="col position-absolute"> box2 </div>
  </div>
</div>