3rd Bootstrap Nav-tab無法打開

Question

使用以下代碼，我無法很好地使用選項卡的導航。 發生的是，當我單擊前兩個選項卡-“通知和報價”時，它正在顯示相關內容並隱藏較早的內容。 但是，當我單擊“學生”時，它只是將學生的內容添加到現有內容中。 現有的一個不會消失。 我有什么錯誤嗎？ 需要任何改進嗎？ 我正在使用最新的引導程序版本。 可以在http://www.asmsocplacements.dx.am/adheretest.php上查看實時預覽

 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div role="tabpanel"> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home1" data-toggle="tab" role="tab" aria-controls="tab1">Notices</a></li> <li role="presentation"><a href="#paneTwo2" data-toggle="tab" role="tab" aria-controls="tab2">Offers</a></li> <li role="presentation"><a href="#paneTwo1" data-toggle="tab" role="tab" aria-controls="tab2">Students</a></li> <li role="presentation"><a href="changepassword.php">Change Password</a></li> <li role="presentation"><a href="logout.php">Logout</a></li> </ul> <div id="tabContent1" class="tab-content"> <div role="tabpanel" class="tab-pane fade in active" id="home1"> <?php include 'adminnotices.php'; ?> </div> <div role="tabpanel" class="tab-pane fade" id="paneTwo2"> <?php include 'adminoffers.php'; ?> </div> <div role="tabpanel" class="tab-pane fade" id="paneTwo1"> <?php include 'adminstudents.php'; ?> </div> </div> </div> 

Answer 1

<div role="tabpanel">
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home1" data-toggle="tab" role="tab" aria-controls="tab1">Notices</a></li>
    <li role="presentation"><a href="#paneTwo2" data-toggle="tab" role="tab" aria-controls="tab2">Offers</a></li>
    <li role="presentation"><a href="#paneTwo1" data-toggle="tab" role="tab" aria-controls="tab2">Students</a></li>
    <li role="presentation"><a href="#paneTwo3">Change Password</a></li>
    <li role="presentation"><a href="#paneTwo4">Logout</a></li>
  </ul>
  <div id="tabContent1" class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active" id="home1">
      <?php include 'adminnotices.php'; ?>
    </div>
    <div role="tabpanel" class="tab-pane fade" id="paneTwo2">
      <?php include 'adminoffers.php'; ?>
  </div>
    <div role="tabpanel" class="tab-pane fade" id="paneTwo1">
      <?php include 'adminstudents.php'; ?>
    </div>
<div role="tabpanel" class="tab-pane fade" id="paneTwo3">
      <?php include 'adminstudents.php'; ?>
    </div>
<div role="tabpanel" class="tab-pane fade" id="paneTwo4">
      <?php include 'adminstudents.php'; ?>
    </div>
</div>
  </div>