Html 使用带关闭按钮的引导5个选项卡

我正在非画布窗口中使用Bootstrap5选项卡导航。我将如何在同一行中包含一个标准的关闭按钮和下面所示的两个选项卡

下面是我目前拥有的代码，但是关闭按钮X没有使用此代码正确定位

<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item" role="presentation">
    <button class="nav-link active" id="change-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Submit</button>
  </li>
  
  <li class="nav-item" role="presentation">
    <button class="nav-link" id="list-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">View</button>
  </li>
  <li>
   <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </li> 
</ul>

提交


看法