第3回ブートストラップのNAV]タブには、次のコードを使用して

Question

を開いていない、私はよく、タブのナビゲーションを使用することができません。何が起こっているのですか？最初の2つのタブ、Notices and Offersをクリックすると、関連するコンテンツが表示され、以前のタブが隠れています。しかし、私が学生をクリックすると、既存のものに学生のコンテンツを追加するだけです。既存のものは消えない。私がやっている間違いはありますか？改善は必要ですか？私は最新のブートストラップバージョンを使用しています。ライブプレビューが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>