bootstrap5 页面选项卡

 <ul class="nav nav-tabs" id="myTab" role="tablist">
     <li class="nav-item">
         <a class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#admin" role="tab" aria-controls="home" aria-selected="true" >
             系统管理
         </a>
     </li>
     <li class="nav-item">
         <a class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#edit" role="tab" aria-controls="profile" aria-selected="false" >
             新闻编辑
         </a>
     </li>
     <li class="nav-item">
         <a class="nav-link " id="contact-tab" data-bs-toggle="tab" data-bs-target="#audit" role="tab" aria-controls="contact" aria-selected="false" >
             问题反馈
         </a>
     </li>
 </ul>


 <div class="tab-content border border-top-0" id="myTabContent">
     <div  class="tab-pane fade show active" id="admin" role="tabpanel" aria-labelledby="home-tab">
         <ul class="list-group list-group-flush">
             <li class="list-group-item">系统管理内容</li>
         </ul>
     </div>
      <div class="tab-pane fade" id="edit" role="tabpanel" aria-labelledby="profile-tab">
         <ul class="list-group list-group-flush">
             <li class="list-group-item">新闻编辑内容</li>
         </ul>
     </div>
      <div class="tab-pane fade" id="audit" role="tabpanel" aria-labelledby="contact-tab">
         <ul class="list-group list-group-flush">
             <li class="list-group-item">问题反馈内容</li>
         </ul>
     </div>
 </div>