为什么在Bootstrap 5中nav和section重叠

<div class="container">
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <!-- 导航栏内容 -->
  </nav>
  <div class="row">
    <section class="col-md-8">
      <!-- section内容 -->
    </section>
  </div>
</div>

nav {
  position: relative; /* 或其他合适的定位方式 */
}

section {
  position: relative; /* 或其他合适的定位方式 */
}

nav {
  z-index: 1000;
}

section {
  z-index: 1;
}

<div class="container">
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <!-- 导航栏内容 -->
  </nav>
  <div class="row">
    <section class="col-md-8 col-lg-6">
      <!-- section内容 -->
    </section>
  </div>
</div>