|
|
| Zeile 1: |
Zeile 1: |
| <html> | | <html> |
| <ul class="nav nav-tabs" id="myTab" role="tablist"> | | <ul class="nav nav-tabs"> |
| <li class="nav-item" role="presentation"> | | <li role="presentation" class="active"><a href="#">Home</a></li> |
| <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Home</button>
| | <li role="presentation"><a href="#">Profile</a></li> |
| </li>
| | <li role="presentation"><a href="#">Messages</a></li> |
| <li class="nav-item" role="presentation"> | |
| <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">Profile</button>
| |
| </li>
| |
| <li class="nav-item" role="presentation">
| |
| <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane" type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">Contact</button>
| |
| </li>
| |
| <li class="nav-item" role="presentation"> | |
| <button class="nav-link" id="disabled-tab" data-bs-toggle="tab" data-bs-target="#disabled-tab-pane" type="button" role="tab" aria-controls="disabled-tab-pane" aria-selected="false" disabled>Disabled</button>
| |
| </li>
| |
| </ul> | | </ul> |
| <div class="tab-content" id="myTabContent">
| |
| <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">...</div>
| |
| <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">...</div>
| |
| <div class="tab-pane fade" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">...</div>
| |
| <div class="tab-pane fade" id="disabled-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0">...</div>
| |
| </div>
| |
| </html> | | </html> |