HTML-Navigationsregisterkarten funktionieren nicht

Question

Hallo, ich habe Komplikationen in Bezug auf Bootstrap. Mein Code funktioniert nicht, stimmt etwas nicht? eine Idee, das Problem zu lösen - dank

<nav id='nav-reservation'> 
    <div class="container"> 
     <ul class="nav nav-tabs"> 
      <a href='resource-index.php?page=room' class='nav-reservation-item <?php if($_REQUEST[' page '] == "room"){ echo "active"; } ?>'>Room</a> 
      <a href='resource-index.php?page=equipment' class='nav-reservation-item <?php if($_REQUEST[' page '] == "equipment"){ echo "active"; } ?>'>Equipment </a> 
      </ul> 
    </div> 

    <div class="tab-content"> 
     <div id="room" class="tab-pane fade in active"></div> 
     <div id="equipment" class="tab-pane fade in active"></div> 
    </div> 
</nav> 

Answer 1

Sie haben vergessen, li-Tag in ul Tag hinzuzufügen.

<nav id='nav-reservation'> 
<div class="container"> 
    <ul class="nav nav-tabs"> 
     <li> <a href='resource-index.php?page=room' class='nav-reservation-item <?php if($_REQUEST[' page '] == "room"){ echo "active"; } ?>'>Room</a></li> 
    <li> <a href='resource-index.php?page=equipment' class='nav-reservation-item <?php if($_REQUEST[' page '] == "equipment"){ echo "active"; } ?>'>Equipment </a></li> 
     </ul> 
</div> 

<div class="tab-content"> 
    <div id="room" class="tab-pane fade in active"></div> 
    <div id="equipment" class="tab-pane fade in active"></div> 
</div> 

Answer 2

Die erste Sache ist, dass Sie mit den in active Klassen auf sie beide Ihrer Registerkarte Inhaltsbereich des haben und der einzige, der diese Klassen haben sollte die aktive offene Scheibe ist. Wenn Sie beide mit den Klassen in active haben, werden beide Registerkarten gleichzeitig angezeigt.

Als nächstes werden die Tabs durch einen Hashtag in der href der Nav Tabs aktiviert. Und du hast kein Hashtag. Sie sollten dem Registerbereich entsprechen, den Sie öffnen möchten. Wenn Sie die Registerkarte mit der ID #room in der href in den Navigationsregisterkarten öffnen möchten, sollten Sie dies angeben. Auch sollten Sie die data-toggle="tab" im href setzen auch in etwa so:

<a data-toggle="tab" href="#room">Room</a> 

Dies öffnet die Registerkarte mit der ID #room

So Markup so etwas wie die folgenden, ohne Ihre individuelle PHP aussehen sollte:

<ul class="nav nav-tabs"> 
     <li class="active"><a data-toggle="tab" href="#room">Room</a></li> 
     <li><a data-toggle="tab" href="#equipment">Equipment</a></li> 
    </ul> 

    <div class="tab-content"> 
     <div id="room" class="tab-pane fade in active"> 
     First Tab 
     </div> 
     <div id="equipment" class="tab-pane fade"> 
     Second Tab 
     </div> 
    </div>