3. Bootstrap Nav-Tab nicht öffnen

Question

Mit dem folgenden Code kann ich die Navigation von Tabs nicht gut verwenden. Was passiert, wenn ich auf die ersten beiden Registerkarten - Benachrichtigungen und Angebote klicke, wird der relevante Inhalt angezeigt und der frühere Inhalt ausgeblendet. Aber wenn ich auf "Studenten" klicke, wird nur der Inhalt der Schüler zu dem vorhandenen hinzugefügt. Das bestehende geht nicht weg. Gibt es einen Fehler, den ich mache? Irgendwelche Verbesserungen erforderlich? Ich verwende die neuesten Bootstrap-Versionen. Live-Vorschau können 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>